Jump to content
Andy Böhnke

Anleitung zum Einbinden von Bildern in einen Beitrag

Recommended Posts

Andy Böhnke

Hallo,

mir ist schon öfters aufgefallen, dass hier einige im Forum Probleme haben ihre Bilder zu veröffentlichen.

Ich möchte daher in diesem Beitrag zeigen wie man am besten Bilder in einem Beitrag einfügt.

Zuerst aber noch etwas Allgemeines

Moderne Digitalkameras machen Bilder, die für das Internet nicht geeignet sind. Die Bilder sind unnötig groß, so dass trotz schneller Internetverbindung die Ladezeit langsam ist und man teilweise scrollen muss um das gesamte Bild zu sehen. Daher sollte man Bilder immer verkleinern bevor man sie hier im Forum veröffentlicht. Wie groß aber sollte das Bild optimal aber sein? Diese Frage lässt sich nicht so leicht beantworten.

Ich selbst verwende hier immer Bilder in der Größe von 800 x 600 Pixel. Kleiner sollten Fotos nicht sein, da man sonst nicht genug Details auf dem Foto sehen kann. Wählt man ein größeres Bild, so hat man das Problem, dass Besucher mit einer kleinen Auflösung am Monitor scrollen müssen. Eine Statistik von Statcounter zeigt, dass eine Auflösung von 1366 x 768 derzeit am weitesten verbreitet ist. Möchte man die Mehrheit ansprechen, so sollten die Bilder also Abmessungen von weniger als 1366 x 768 haben.

Für die Verkleinerung von Bildern gibt es eine Menge Programme, die oft kostenlos sind. Sucht einfach mal bei Google nach "Programm" "kostenlos" "Bilder" verkleiner" "kostenlos". Wenn Ihr Euch keine Software installierenw wollt, so gibt es auch im Internet einige Angebote kostenlos Bilder zu verkleinern (z.B. www.fotosverkleinern.de). Ich nutze den Light Image Resizer. Diese Software ist kostenlos. Nachdem man die Software heruntergeladen und installiert hat, kann es los gehen mit der Anpassung der Bildergröße. Auch mehrere Bilder können problemlos angepasst werden. Dafür wähle ich ein oder mehrere Bilder im Explorer aus und klicke die reche Maustaste und bekomme die Möglichkeit den Light Image Resizer zu starten.

post-1870-0-64768600-1349036318_thumb.pn

post-1870-0-48990400-1349036675_thumb.pn

Die Software ist sehr einfach zu bedienen.

Ich habe mir ein Profil mit dem Namen "800x600" eingerichtet. Die ausgewählten Bilder sollen eine Breite von 800 und eine Höhe von 600 Pixel bekommen.

Wichtig ist noch die Aktion, die das Programm machen sollen.

post-1870-0-64633200-1349036867_thumb.pn

Wählt man "Original ersetzen", so wird eben das Original verkleinert. Dieser Vorgang kann nicht rückgängig gemacht werden! Ich empfehle daher "Kopien erstellen". Ansonsten sind alle Einstellungen mit einer guten Hilfe beschrieben, die man erhält, wenn man auf das Fragezeichen hinter jeder Einstellung klickt.

In meinem Beispiel habe ich 3 Bilder mit den Abmessungen 3648x2736 auf 800x600 verkleinert und somit mehr als 93% an Größe gespart.

post-1870-0-09653600-1349037125_thumb.pn

So, nun aber zur eigentlichen Anleitung. Es gibt zwei Wege um Bilder in einen Beitrag einzubinden.

1. Bilder über eine URL-Adresse einfügen.

Um auf diesen Weg Bilder einzufügen, müssen Eure Bilder schon irgendwo im Internet sein.Dies kann z.B. auf einem eigenen Webserver sein oder bei einem Bilderdienst, welche oft kostenlos sind.

Hier ein paar Beispiel-Dienste:

Bilder-Speicher.de

Dropbox

flickrl

ImageShack

Ich nutze für die Vorführung mal Dropbox. Ich habe mein verkleinertes Foto bei Dropbox hochgeladen und mir den Link zum Bild in die Zwischenablage kopiert. Nun klicke in in der Werkzeugleiste vom Editor dieses Forums auf Bild:

post-1870-0-97690200-1349037687_thumb.pn

Nun brauche ich nur noch den Link des Fotos in das Feld zu kopieren:

post-1870-0-75447400-1349037820_thumb.pn

Und so sieht es dann aus:

Anleitung-243-dionaea-microdent-2012-09-10-pflanze3.jpg

Der Nachteil an dieser Möglichkeit Bilder einzubinden, liegt darin, dass man sicherstellen muss, dass die Bilder auch immer über diesen Pfad zu erreichen sind. Ich nutze daher in der Regel den zweiten Weg.

2. Bilder über das Hochladesystem des Forums einbinden

Unter dem Editor-Fenster gibt es einen Button "Datei(en) hinzufügen":

post-1870-0-12007800-1349038084_thumb.pn

Auf diesen klickt ihr und es kommt das "Datei öffnen" Fenster:

post-1870-0-03592500-1349038213_thumb.pn

Ihr könnt nun maximal 10 Dateien auf einmal hinzufügen. Wenn Ihr mehr Bilder hochladen wollt, müsst Ihr warten bis der Upload fertig ist und anschließend erneut Bilder auswählen. Der Fortschritt des Uploads wird grafisch angezeigt:

post-1870-0-62094400-1349038414_thumb.pn

Wenn Ihr nun nichts weiter unternehmt, so werden die Bilder unter Eurem Text angezeigt. Möchtet Ihr die Bilder aber zw. Eurem Text haben, so müsst ihr nur auf "Zum Beitrag hinzufügen" klicken und das Bild wird an der Stelle eingefügt, an der der Cursor steht.

post-1870-0-90654500-1349038619_thumb.pn

Ihr seht dann den BB-Code an der Stelle, wo das Bild auch später tatsächlich angezeigt wird.

post-1870-0-57194300-1349038743_thumb.pn

Ihr könnt den Code auch nachträglich an einer anderen Stelle platzieren. Dazu müsst Ihr nur den Code an die Stelle kopieren, wo das Bild angezeigt werden soll.

Wenn Ihr über diesen Weg Bilder veröffentlicht, so darf ein Bild max. 500 kb groß sein und ihr dürft in einem Beitrag maximal 5 MB veröffentlichen. Das reicht bei eine verwendeten Bildgröße von 800x600 für ca. 40 bis 50 Bilder. Dies ist mehr als ausreichend und wenn nicht könnt ihr einfach einen zweiten Beitrag (Antwort) erstellen.

So, ich hoffe, dass die kurze Anleitung für den einen oder anderen von euch hilfreich ist.

Schöne Grüße

Andy

post-1870-0-49827900-1349038345_thumb.jp

post-1870-0-55553800-1349038348_thumb.jp

post-1870-0-49190600-1349038350_thumb.jp

Edited by Andy Böhnke
  • Like 11

Share this post


Link to post
Share on other sites
Robert S.

Hallo,

Danke Andy, ich werde den Beitrag mal oben anpinnen.

Gruß,

Robert

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Further information can be found in our Privacy Policy.