FAQ: Bilder einstellen

[Axel66]

Edit: Im Prinzip hat sich nichts geändert, außer daß der hier empfohlene Bilderdienst überansprucht ist.
Ich vertraue jetzt mal darauf, daß meine Photobucket-Erklärung verständlich ist. Falls Fragen auftauchen, bitte eine PN!

Edit2: Aus gegebenen Anlaß nochmal der Hinweis nur den "direct link", sprich die direkte Adresse Bildes in IMG-Tags zu setzen. Die versteckten Werbelinks kreieren leider Spam auf dem Server! Ein Werbelink sieht z.B. so aus (das sind die sogenannten "clickable links":

Code: Alles auswählen

[URL=http://img263.imageshack.us/i/kontiki8.jpg/][IMG]http://img263.imageshack.us/img263/5980/kontiki8.jpg[/IMG][/URL]

Ein korrekter Link sieht dagegen so aus:

Code: Alles auswählen

[img]http://img263.imageshack.us/img263/5980/kontiki8.jpg[/img]

Danke!


Hallo,

hier nochmal die Grundlagen für das Einstellen von Bildern, (auf Wunsch jetzt wirklich von Beginn an). Erfahrene PC-Nutzer können gleich unter Punkt 4 weiterlesen!

1. Wo bekomme ich die Bilder her?

Es gibt mehrere Möglichkeiten. Ich habe ein Papierbild oder Dia und scanne das, oder ich bekomme gleich mit der Filmentwicklung eine CD mit digitalisierten Bildern oder ich habe eine Digitalkamera. Außerdem kann es sein, dass ich z.B. ein Bild von einer Uhr über die ich diskutieren will im Netz finde (in diesem Fall, bitte unbedingt die Quelle mit angeben!).

2. Wie geht es weiter?

Ihr müsst jetzt zuerst mal die Bilder auf Eurer Festplatte speichern. Zum Einstellen der Bilder, müsst Ihr jetzt dafür sorgen, dass die Bilder nicht mehr als 1000 Pixel Seitenlänge haben, und die Dateigröße nicht 250 kB überschreitet (Ausnahmeregeln gelten im Fotoforum).

3. Wie mache ich die Bilder kleiner?

Dazu könnt Ihr Euer, der Kamera oder dem Scanner beiliegendes Bildbearbeitungsprogramm verwenden., oder Ihr verwendet das beliebte IrfanView, das Ihr hier kostenlos herunterladen (und dann installieren) könnt: http://www.irfanview.de.
Für Eure eigene Software müsst Ihr natürlich die Bedienungsanleitung lesen, aber es gibt da immer Befehle wie (Bild)Größe ändern, Resize, Resample, etc. Achtet auch darauf beim abspeichern das Format JPG zu wählen. Durch herumexperimentieren mit der Kompressionsrate (oder Qualitätsstufe), die man dabei vorgeben kann, sollte es gelingen, die Datei entsprechend klein zu halten.

Hier nun wie es mit IrfanView geht:
a. Datei -> Öffnen und zu dem Ordner navigieren in dem das bild ist und dann öffnen:


b. Bild -> Größe ändern und z.B 800 als Breite eingeben (achtet darauf, dass der Haken bei „proportional“ gesetzt ist!).


c. Datei -> Speichern unter Dateityp auf jpg stellen und meist 80% Qualität einstellen und spechern. (Ist das Bild größer als 150 kB, was ihr mit dem Explorer überprüfen könnt, einfach eine niedrigere Qualitätsstufe wählen).

Anmerkung:. Um die Bildergröße im Explorer zu überprüfen gibt es zwei Möglich keiten: Entweder man geht im Explorer auf Ansicht Details, dann werden einem alle Dateien mit Größe Typ und Datum angezeigt, oder man klickt mit der rechten Maustaste auf eine Datei und geht dann auf Eigenschaften.

4. Was mache ich mit den Bildern?

So nun habt Ihr Euer Bild auf der Festplatte und wollt es in einem Thread zeigen. Da der Webspace des Forums beschränkt ist, muß das Bild verlinkt werden. Das geht natürlich nicht von Eurer Festplatte aus, sonst könnte ja jeder deren Inhalt lesen. Also müsst Ihr das Bild irgendwo ins Netz stellen. Wichtig ist aber, dass man direkt auf das Bild verlinken kann. D.h., dass Euer Bild eine Eigene Webadresse hat und nicht durch Passwörter oder Anmeldungen geschützt ist. Es muß also frei zugänglich sein. Habt Ihr z.B. auf Eurer Hompage ein Bild, das Ihr Verlinken wollt, ruft mit der rechten Menütaste das Kontextmenü und dann Eigenschaften auf (exemplarisch InternetExplorer). Dort seht Ihr (wenn Ihr beim Rechtsklick über dem Bild wart) die Adresse des Bildes (z.B. http://www.muster.de/bild1.jpg). Diese Adresse müßt Ihr jetzt zwischen Img-Tags setzen.
Es sollte dann so aussehen.

Code: Alles auswählen

[img]http://www.muster.de/bild1.jpg[/img]

Nochmals der Hinweis: es wird am besten das jpg-Format verwendet und achtet bitte darauf, daß die Datei nicht größer als 150kB ist.

5. Was mache ich, wenn ich keinen eigenen Webspace habe?

Wer keinen eigenen Webspace oder eine andere Möglichkeit hat, kann sich durch das Verwenden eines Gratis-Bilderservers helfen. Hier am Beispiel photobucket:

Zuerst eine Datei in http://photobucket.com/ hochladen. Hierfür müßt Ihr leider erst mal eine Anmeldung tätigen (damit seid Ihr natürlich als deutschsprachige Taliban geoutet - also alle Google-Verweigerer bitte eine andere Lösung ins Auge fassen!)

Falls man sich aber überwunden hat, seine Persönlichkeit aufzugeben, sollte das Ganze zunächst so aussehen:


Zum Hochladen auf den Button "Choose files" klicken und die entsprechende Datei auf eurem Rechner auswählen.
Dann klickst Du einfach auf: "IMG Code" und fügst den Link mittels ctrl+"v" in Deinen Watchtime-Post ein.
That's it! Danch natürlich mit dem Vorschau-Button auch gleich verifizieren, ob auch alles geklappt hat.


6. Theorie

Nochmal zusammengefaßt sei erklärt, das man grundsätzlich ein Bild dann im Forum sichtbar machen kann, wenn es irgendwo frei auf einem Webspace mit eigener Adresse hinterlegt ist. D.h., man muß direkt ohne sich irgendwo einzuloggen auf das Bild kommen können. Es muß eine Adresse haben, die auf gif oder jpg endet, also z.B.: http://www.muster.de/bild1.jpg
Diese Adresse läßt sich dann in den Thread kopieren und anschließend der Img-Knopf drücken. Vorrausetzung ist, daß Ihr in Eurem Profil den BBCode aktiviert habt!
Wie oben schon geschrieben sieht das ganze dann so aus:

Code: Alles auswählen

[img]http://www.muster.de/bild1.jpg[/img]

, und nur so. Irgendein "url", "php", "=" oder ähnliches hat da nichts zu suchen!

Hinweis: es gibt eine Vorschaufunktion, mit der man ganz für sich selbst alles testen kann.

So nun viel Spaß!



Bitte keine Antworten auf diese Thema schreiben.
Falls ich etwas ergänzen soll oder Ihr Fehler entdeckt habt, bitte eine PN.

Gruß,

Axel

Edit:neuster Stand: 23.Sep.08 - Auf die Probleme von Imageshack reagiert - auf photobucket umgestellt

Edit #2: Bitte verzichtet darauf, eine Verlinkung zu Werbeseiten mit dem Bild zusammen einzustellen. Es ist weder gewünscht, dass hier Werbung für Gratis-Hoster Platz bekommt, noch wollen die Teilnehmer die Werbung sehen.

Man erkennt die nicht erlaubten Konstrukte an den eckigen URL Klammern:

Code: Alles auswählen

[url=http://www.<Link zur Werbeseite>][img]http://www.<Link zum Bild>.jpg[/img][/url]

Die Lösung ist ganz einfach, nur die beiden eckigen Klammerausdrücke mit "url" wegmachen und es stimmt alles:

Code: Alles auswählen

[img]http://www.<Link zum Bild>.jpg[/img]

[/b][/color]

[nasowas]

Letzte Änderung:
Anleitung auf picr.de geändert.
Am Prinzip hat sich nichts geändert, außer dass sich die funktionstüchtigen Bilderdienste wieder geändert haben.
Stand 13.07.2017 funktionsfähig und empfohlen:

• picr.de
• postimage.io
• abload.de
• cubeupload.com
• sta.sh (nur ohne Hochladen nach deviantart.com, Gefahr der Accountlöschung)

die folgenden Dienste sind nicht mehr empfohlen oder funktionstüchtig:

• photobucket.com
• imageshack.us
• imgur.com (Policy verbietet Hotlinking - Zeitbombe)
• flickr.com (Policy verbietet Hotlinking - Zeitbombe)

W I C H T I G
Für alle Eiligen:
Es wird nur der Direktlink, "direct link" oder "hotlink" toleriert, sprich die direkte Adresse des Bildchens in IMG-Tags!
Das sieht dann z.B. so aus:

Code: Alles auswählen

[img]http://up.picr.de/29769864xv.jpg[/img]

Die versteckten Werbelinks bringen leider Spam ins Forum! Ein Werbelink sieht z.B. so aus (das sind die sogenannten "clickable links"):
So nicht!

Code: Alles auswählen

[URL=http://img263.imageshack.us/i/kontiki8.jpg/][IMG]http://img263.imageshack.us/img263/5980/kontiki8.jpg[/IMG][/URL]

Danke!


Willkommen,

hier nun die Grundlagen für das Einstellen von Bildern, Schritt für Schritt. Erfahrene PC-Nutzer können gleich unter Punkt 4 weiterlesen!

1. Wo kommen die Bilder her?

• Im Regelfall von der eigenen Festplatte als Bild der Digitalkamera oder Scan, aus Paint, Photoshop, Lightroom oder sonstigen abseitigen Programmen, im Format .jpg oder .png.
• Vielleicht auch aus einer anderen Quelle aus dem Netz. Die Adressen von Bildern lassen sich häufig kopieren indem man mit der rechten Maustaste darauf klickt und aus dem sich öffnenden Menü "Verknüpfung kopieren", "Bildadresse kopieren" oder ähnliches - je nach Browser - auswählt.
  Diesen Direktlink könnt Ihr anschließend unter bestimmten Umständen (siehe 2.) verwenden. Natürlich bitte mit Quellenangabe, ist ja Ehrensache.
  Manche Webseiten versuchen jedoch genau dieses sogenannte Hotlinking zu verhindern, also keinen Frust, wenn's nicht klappt!

2. Die Größe macht’s!

Empfohlen wird bei Bildern eine Größe von nicht mehr als 1000 Pixel Seitenlänge oder Dateigröße 250 kB. Übertreibt Ihr's, wird die Forensofware Euch darauf hinweisen und die Annahme des Bildes verweigern. Das gilt sowohl für die eigenen Bilder als auch für Links zu Bildern auf anderen Seiten.

3. Und wie mache ich die Bilder kleiner?

Wer dies liest hat vermutlich noch keine eigene bevorzugte Software dafür. Daher:

Eine sehr alte, bewährte und gerne dafür empfohlene Software dafür ist der Internetveteran IrfanView. Wenn man so möchte das Offiziersmesser zum Bildergucken und Schnipseln, das Ihr hier herunterladen könnt: http://www.irfanview.de

• "Datei" -> "Öffnen", und zu dem Ordner navigieren in dem das Bild liegt und dann öffnen.
• "Bild" -> "Größe ändern..." und z.B 800 als Breite eingeben (achtet darauf, dass der Haken bei „proportional“ gesetzt ist!).
• "Datei" -> "Speichern unter", den "Dateityp" auf "jpg" stellen. Als Qualität hat sich 80% bewährt. Dann unter neuem Namen speichern, damit die Originaldatei nicht überschrieben wird - es sei denn Ihr wollt das.
• Sollte das Bild dann tatsächlich von der Dateigröße noch zu groß sein könnt Ihr einfach eine niedrigere Qualitätsstufe wählen.
  (Anmerkung:. Um die Bildergröße im Explorer zu überprüfen gibt es zwei Möglichkeiten: Entweder man geht im Explorer auf Ansicht Details, dann werden einem alle Dateien mit Größe Typ und Datum angezeigt, oder man klickt mit der rechten Maustaste auf eine Datei und geht dann auf Eigenschaften.)

Bei einem halbwegs aktuellen Windows geht das zur Not auch mit Bordmitteln - dem beiliegenden Programm "Paint":

• Bild Öffnen
• Auf die im unteren Bildschirmfoto markierte Schaltfläche klicken
• Im sich öffnenden Dialog bei "Um:" den Radioknopf "Pixel" auswählen
• Horizontal und Vertikal am Besten gleich ausfüllen
• Darauf achten, dass der Haken Seitenverhältnis beibehalten gesetzt ist.
• Menü "Speichern unter" einen neuen Dateinamen vergeben, damit eure alte Datei ... Ihr wisst schon.

4. Und wie kommen die Bilder nun in meinen Beitrag?

Jedes Forum hat ein bisschen andere Sitten und Gebräuche wie mit dieser Frage umgegangen wird.
Hier wird das so gehandhabt, dass aus Kapazitätsgründen die Bilder an dritter Stelle im Internet aufbewahrt, "gehostet", werden.
Dafür gibt es drei Möglichkeiten:

• Das Bild war schon im Netz und Ihr habt den Link wie unter 1. beschrieben kopiert:
  Dann müsst Ihr den Link nur noch zwischen die beiden img-Tags setzten. Das sieht dann z.B. so aus:

  Code: Alles auswählen

  [img]https://upload.wikimedia.org/wikipedia/commons/3/3d/FuBK-Testbild.png[/img]
  

  
• Ihr habt Euren eigenen Webspace, dann könnt Ihr die Bilder dort ablegen. Aber dann solltet Ihr schon ein bisschen wissen, was Ihr da genau macht. Ansonsten können Fremde eventuell durch Verzeichnis oder Dateinamen raten private Bilder finden, die sie nicht finden sollten oder über Domainabfrage Eure Privatadresse herausfinden.
  Wenn Ihr sowas habt, dann wisst Ihr wie man da etwas ablegt und dafür eine sogenannte URL-Adresse bekommt. Die sieht dann prinzipiell immer so aus:

  Code: Alles auswählen

  http://www.MeineWebSite.ch/EinPfad/MeinBild.jpg
  

  Das muss man dann noch zwischen die sogenannten IMG-Tags packen:

  Code: Alles auswählen

  [img]http://www.MeineWebSite.ch/EinPfad/MeinBild.jpg[/img]
  

  Und schon schmückt das Bild Euren Beitrag.
• Ihr verwendet einen sogenannten Bilderhoster. Aktuell funktionierende Beispiele für solche finden sich am Anfang des Howtos. Wie das exemplarisch bei einem Dienst funktioniert findet Ihr unter Punkt 5. Falls Ihr schon euren bevorzugten Bilderhoster habt ist das folgende wichtig:
  In diesem Forum sind nur Direktlinks erlaubt. Direktlinks enthalten nur die IMG-Tags und eine Webadresse.
  Sie dürfen insbesondere keine klickable-Links sein, also keine URL-Tags enthalten - sowas:

  Code: Alles auswählen

  [URL=http://img263.imageshack.us/i/kontiki8.jpg/][IMG]http://img263.imageshack.us/img263/5980/kontiki8.jpg[/IMG][/URL]

  Falls Euer Bilderhoster Euch sowas anbietet, müsst Ihr den "Dreck" um die eigentlichen IMG-Tags herum von Hand entfernen, damit das wieder so aussieht wie im folgenden Beispiel. Eure Bilder werden sonst von einem Moderator kaltgestellt.
  
  Ein erfolgreich erstellter Direktlink sieht zum Beispiel so aus:

  Code: Alles auswählen

  [img]http://up.picr.de/29769864xv.jpg[/img]

  

5. Bilderhoster - hier am Beispiel picr.de

• Unter https://picr.de/registrieren.html registriert Ihr Euch mit einer E-Mail Adresse, vergebt ein Passwort und beantwortet die "Idiotenfrage" korrekt. Ihr bekommt einen Link per Mail zugeschickt, auf den Ihr klicken müsst, um Eure Anmeldung zu bestätigen.
• Anschließend könnt Ihr Euch auf https://www.picr.de oben rechts im Fenster mit Eurer E-Mail Adresse und dem Passwort anmelden. Nach der Anmeldung gelangt Ihr in das folgende Fenster:
  
  Hier klickt Ihr am besten mal auf "Zusätzliche Optionen einblenden" und wählt die auf dem Bildschirmfoto gezeigten Optionen aus. Damit könnt Ihr Euch praktischer Weise auch das Verkleinern nach Punkt 3. sparen - das erledigt picr für Euch.
• Anschließend klickt Ihr auf das fette orangene Feld:
  
• Es öffnet sich der Datei Auswahldialog Eures bevorzugten Betriebssystems. Ihr könnt nun eine oder mehrere Dateien zum Upload auswählen:
  
• Nachdem Ihr auf "Öffnen" geklickt habt werden die Bilder hoch geladen.
  Unter dem fetten Feld erscheint eine Textbox "Fertiger Code zum Kopieren":
  
  Diesen kopiert Ihr einfach indem Ihr ihn mit der linken Maustaste markiert, dann die rechte Maustaste drückt und "Kopieren" auswählt.
  Anschließend könnt Ihr in das Fenster wechseln, in dem Ihr das Forum offen habt, euren Beitrag Erstellen und einfach wieder mit der rechten Maustaste "Einfügen":

  Code: Alles auswählen

  [img]http://up.picr.de/29772435xd.jpg[/img]

  Vergesst nicht den "Vorschau" Knopf zu benutzen um zu überprüfen, ob alles glatt gelaufen ist, bevor Ihr Euren Beitrag abschickt.
  Glückwunsch und zum Wohl!
  

6. Schlussbemerkungen

• Damit die Forensoftware ein Bild annimmt muss es über eine Adresse im Internet erreichbar sein und muss bestimmen Restriktionen bezüglich Größe genügen. Als ersten Schritt probiert mal aus, die Adresse direkt in die Adresszeile Eures Browsers einzufügen.
• Nicht jede Adresse, die auf den ersten Blick nach Bild aussieht - weil sie zum Beispiel ein .jpg enthält - ist auch ein Bild. Es kann sich z.B. auch um einen Skriptaufruf handeln, ein Bild von irgendwoher zu laden. Hier sind gerne auch viele "?", "&" oder "#" in der Adresse. Die Forensoftware wird dies dann nicht als "Bild" akzeptieren.
• Für Schreibfaule gibt es einen Button um die IMG-Tags hinzuzufügen:
  
• Bitte immer zuerst die Vorschau ausprobieren!
• Bitte erwägt auch den von Euch gewählten Bilderhoster zu unterstützen - vielleicht sorgt das dafür, dass er länger am Markt bleibt. Es ist immer schade wenn ein Hoster verschwindet, weil es unschöne Löcher in den Fäden hinterlässt. Die Bilder sind eben das Salz in der Suppe.

Viel Spaß
Benjamin

Basiert auf einer vorhergehenden Version von Axel66

[cool runnings]

@ Benjamin: