Bilder einfügen - Übersicht

habt Ihr Fragen, Tipps und Tricks?

Wichtig, bitte eindeutige Überschrift wählen

Moderator: Kristian

Antworten
Benutzeravatar
Dominik
XL Guru
XL Guru
Beiträge: 3884
Registriert: 31. Mai 2004, 07:56
Wohnort: München

Bilder einfügen - Übersicht

Beitrag von Dominik »

Hallo zusammen,

immer wieder wird die Frage gestellt, wie man Bilder veröffentlichen kann. Dazu gibt es zwei Möglichkeiten: Bilder können angehängt werden (geht ganz einfach) oder in das Posting eingebettet werden (ist etwas komplizierter).

1. Bilder anhängen
  1. Neues Posting öffnen (oder Antwort schreiben). Unterhalb des Editors auf "Durchsuchen..." klicken.
  2. Bild auswählen
  3. "Attachment hinzufügen" klicken, um Bild hochzuladen. Bild darf höchstens 1024 x 768 Pixel groß sein.
  4. Unterhalb des Editors ist ein Hinweis zu sehen.
  5. Bei 1. beginnen, um weitere Bilder einzufügen (max. 3) oder
  6. Posting veröffentlichen. Es wird immer erst der Text, dann alle Bilder gezeigt.
Eine ausführliche bebilderte Anleitung gibt es hier.


2. Bilder einbetten
  1. Bilder müssen im Internet gespeichert sein. Dazu zum Beispiel bei www.arcor.de einen PIA basic-Account eröffnen (kostenlos, bis zu 1,5 Gigabyte Speicherplatz für Bilder). Bei PIA ein Fotoalbum anlegen und die gewünschten Bilder hochladen.
  2. Das gewünschte Bild in der PIA-Miniaturansicht auswählen. Mit einem rechten Mausklick in das vergrößerte Bild klicken und aus den Kontextmenü "Eigenschaften" wählen. Hier die URL kopieren. Niemals das zweite (ganz große) Vorschaubild nehmen!

    Bild
    Klicken zum Vergrößern
  3. Die URL an die gewünschte Stelle in das Posting einfügen, markieren und in der Schaltfläche oberhalb des Editor-Fensters den IMG-Button drücken. Die URL liest sich nun so:

    Code: Alles auswählen

    [img]http://foto.arcor-online.net/palb/alben/50/6627650/400_3232653138346361.jpg[/img]
  4. Vorschau drücken, Posting veröffentlichen. Fertig! Bitte auf diese Weise niemals Bilder veröffentlichen, die breiter als 400 Pixel sind. Das Ergebnis ist fürchterlich. Um große Bilder zu veröffentlichen, gibt es einen Extra-Trick.
  5. Wenn ein großes Bild veröffentlicht werden soll, muss ein kleines Vorschaubild mit dem großen verlinkt werden. Dazu die Zeile

    Code: Alles auswählen

    [img]http://arcor.net/.../400_...6361.jpg[/img]
    markieren und in der Schaltfläche oberhalb des Editors den URL-Button drücken. Die URL liest sich nun so:

    Code: Alles auswählen

    [url][img]http://arcor.net/.../400_...6361.jpg[/img][/url]
  6. Nun muss das Ziel für den Link (also das große Bild) gefunden werden. Dazu in PIA das bildschirmfüllende Vorschaubild öffnen, rechts klicken, "Eigenschaften" wählen und die URL kopieren.

    Bild
    Klicken zum Vergrößern
  7. Nun im Posting den öffnenden -Tag (also den ersten) manipulieren. Au ... .jpg[/img][/code]
  8. Wer nett ist, schreibt einen Hinweis, damit die Leser auch wissen, dass das Bild klickbar ist:

    Code: Alles auswählen

    [size=9]Klicken zum Vergrößern[/size]
    Oder alles zusammen:

    Code: Alles auswählen

    [url=http://arcor.net/.../1024_gross.jpg][img]http://arcor.net/.../400_...klein.jpg[/img][/url]
    [size=9]Klicken zum Vergrößern[/size]
Eine ausführliche bebilderte Anleitung gibt es hier.
Zuletzt geändert von Dominik am 1. November 2007, 16:16, insgesamt 4-mal geändert.
Benutzeravatar
Dominik
XL Guru
XL Guru
Beiträge: 3884
Registriert: 31. Mai 2004, 07:56
Wohnort: München

Im Detail: 1. Bilder anhängen

Beitrag von Dominik »

1. Bilder anhängen - im Detail

Einzige Voraussetzung für diese Variante ist, dass das Bild als JPEG (*.jpg) auf dem eigenen Rechner liegt und nicht größer als 1024x768 Pixel ist. Im Prinzip kann das Bild ganz einfach angehängt werden: Bild auswählen, Bild hochladen, Posting veröfftentlichen.
  1. Dazu einfach unterhalb des Editor-Fensters auf "Durchsuchen..." klicken.
    Bild
    Klicken zum Vergrößern.
  2. Das gewünschte Bild auswählen ...
    Bild
    Klicken zum Vergrößern.
  3. ... und anschließend mit einem Klick auf "Attachment hinzufügen" hochladen:
    Bild
    Klicken zum Vergrößern.
    Achtung: Das Bild muss kleiner als 1024x768 Pixel sein. Sonst gibt es eine Fehlermeldung.
  4. Wenn alles geklappt hat, gibt es nun einen Hinweis darauf, dass ein Bild angefügt wurde:
    Bild
    Klicken zum Vergrößern.
  5. Nun kann man entweder weitere Bilder hochladen (beginnend bei 1.) oder die Nachricht veröffentlichen. Das Posting erscheint immer so: Zuerst wird der gesamte Nachrichtentext gezeigt, anschließend alle Bilder. So wie es hier zu sehen ist:
    Bild
    Klicken zum Vergrößern.
Auf diese Weise kann also fast jeder Bilder in Posting einfügen. In vielen Fällen ist diese Methode die einfachste.

Es gibt eigentlich nur einen Nachteil. Eine Text-Bild-Abfolge wie in diesem Posting ist nicht möglich :( . Es erscheint immer erst der gesamte Text, dann alle Bilder. Manchmal ist das störend (zum Beispiel, wenn man eine Anleitung wie diese schreiben will). Deswegen nun noch eine zweite Variante, mit der man die Bilder auch in der Nachricht einbetten kann. Genau so, wie es in diesem Posting geschehen ist :-)
Benutzeravatar
Dominik
XL Guru
XL Guru
Beiträge: 3884
Registriert: 31. Mai 2004, 07:56
Wohnort: München

Im Detail: Bilder einbetten

Beitrag von Dominik »

Leider kann ich den in dieser Anleitung verwendeten Hoster Arcor nicht mehr empfehlen :-(. Nach ca. 1 bis 2 Monaten sind die veröffentlichten Bilder nicht mehr zu sehen :evil: . Besser, ihr verwendet also gleich Imageshack, wie es ein guter Mensch hier beschrieben hat (aber bitte nicht breiter als 400 Pixel :-) ).

2. Bilder einbetten - im Detail

Für diese Variante reicht es nicht, wenn die Bilder auf der Festplatte gespeichtert sind. Sie müssen stattdessen im Internet liegen. Hier fangen die Problem oft schon an: Jeder hat eine Festplatte -- aber bei weitem nicht jeder einen Speicherplatz im Internet. Deswegen beginnt diese Anleitung damit, wie man diesen Speicherplatz kostenlos bekommen kann. Wer das nicht braucht, kann gleich bei 8. einsteigen.
  1. Eine gute Empfehlung ist Arcor (PIA basic). Dort kann man kostenlos viele zehntausend Bilder speichern (max. 1,5 GByte). Außerdem werden alle Fotos automatisch in eine Vorschau-Größe heruntergerechnet. Ideal für unsere Zwecke!

    Zum Anmelden einfach auf http://www.arcor.de gehen und dort PIA basic wählen (oder gleich hier klicken). Nach der Registrierung erscheint ein Screen wie dieser. Dort gleich auf "Fotoalbum" klicken:
    Bild
    Klicken zum Vergrößern.
  2. Anschließend auf "Zu meinen privaten Alben" klicken:
    Bild
    Klicken zum Vergrößern.
  3. Nun einen Titel für das neue Album eingeben, Kategorie und Subkategorie auswählen (1), "Private Fotoalben" wählen (2) sowie "Anlegen und Fotos einfügen" (3) klicken.
    Bild
    Klicken zum Vergrößern.
  4. Nun die gewünschten Bilder von der Festplatte auswählen (1) und "Fotos einfügen" klicken (2) .
    Bild
    Klicken zum Vergrößern.
    Voila, die Bilder sind online!
  5. Nun solltest du eine Vorschau der hochgeladenen Bilder sehen:
    Bild
    Klicken zum Vergrößern.
  6. Ein Klick auf das gewünschte Bild bringt eine vergrößerte Ansicht zu Tage:
    Bild
    Klicken zum Vergrößern.
  7. Nun musst du mit der rechten Maustaste auf das vergrößerte Bild klicken und in dem erscheinenden Kontextextmenü "Eigenschaften" wählen. Es wird dieser Infoscreen eingeblendet. Dort musst du die Zeile hinter "Adresse (URL)" markieren. Es sollte eine recht kryptische URL wie diese erscheinen: "http://foto.arcor-online.net/palb/alben ... 346361.jpg"

    Bild
    Klicken zum Vergrößern.
  8. Diese URL kopierst du an eine beliebige Stelle in dein Posting und markierst die Zeile wie in der Abbildung unten.

    Bild
    Klicken zum Vergrößern.
  9. Nun drückst du in der Schaltfläche oberhalb des Editor-Fensters auf den IMG-Button.
    Bild
    Klicken zum Vergrößern.

    Die URL wird nun von IMG-Tags umschlossen und liest sich so:

    Code: Alles auswählen

    [img]http://foto.arcor-online.net/palb/alben/50/6627650/400_3232653138346361.jpg[/img]
    Ein Klick auf "Vorschau" (unterhalb des Editor-Fensters) zeigt das Ergebnis:
    Bild
    Klicken zum Vergrößern.
  10. Fertig! Das Posting kann nun mit Bild veröffentlicht werden. Fertig?!? Naja fast. Eine ganz wichtige Sache und ganz große Bitte noch:
  11. Große Bitte: Kleine Bilder
    Bitte niemals Bilder in ein Posting hängen, die breiter als 400 Pixel sind! Die Ladezeiten werden sonst unerträglich lang und das Layout des Forums wird regelrecht gesprengt. Die Nachrichten müssen horizontal gescrollt werden. Kein Mensch will das, kein Mensch liest das, jeder hasst das. Hier ein Beispiel:
    Bild
    Klicken zum Vergrößern.

    Wer nach dieser Anleitung vorgeht, muss sich aber keine Sorgen machen. Die Bilder werden von Arcor automatisch auf 400 Pixel heruntergerechnet. Es kann also nix schief gehen :wink: .
  12. Wie kriegt man aber nun große Bilder ins Forum? Manchmal (eigentlich sogar ziemlich oft! :) ) will man größere Bilder bereitstellen. Weil zum Beispiel das eigene Motorrad viel zu schön für ein kleines Bild ist :) . Dazu hat es sich bewährt, ein kleines Vorschaubild zu posten und dieses mit einem großen Bild zu verlinken. Wir nehmen einfach das bereits gepostete Bild als Vorschaubild. Es muss nur noch mit dem großen Bild verlinkt werden. Geht ganz einfach.
  13. Zunächst müssen wir uns die URL des großen Bildes besorgen. Wir finden sie, wenn wir in PIA zuerst auf die gewünschte Minituransicht und dann noch einmal auf das größere Vorschaubild klicken. Nun öffnet sich ein Vollbild. Mit einem Rechtsklick finden wir in den "Eigenschaften" wieder die URL.

    Bild
    Klicken zum Vergrößern.
  14. Nun wechseln wir wieder zum Posting und bearbeiten den Code, mit dem wir das Bild eingfügt haben:

    Code: Alles auswählen

    [img]http://URL_zu_Vorschaubild.jpg[/img]
    Um das Bild zu verlinken, markieren wir die Zeile erneut (inkl. der Bild
Das war's!
Zuletzt geändert von Dominik am 29. Dezember 2007, 20:42, insgesamt 1-mal geändert.
Benutzeravatar
AllgemeinerMensch
ab - und zu Schreiber
ab - und zu Schreiber
Beiträge: 95
Registriert: 8. Oktober 2007, 14:18
Wohnort: Aachen
Kontaktdaten:

Beitrag von AllgemeinerMensch »

Ganz ohne vorherige Anmeldung kann man Bilder auch ganz einfach bei Imageshack hochladen: http://img1.imageshack.us/

1.)Auf den Link klicken
2.)Auf "Auswählen" klicken,
3.)In dem sich öffnenden Fenster die Bilddatei auswählen und auf "Öffnen" klicken, das Popupfenster verschwindet dadurch automatisch wieder.
4.)Auf den "host it!" Knopf drücken
5.)Auf der nun erscheinenden Seite findet man (unter der Werbung) die Adresse der Bilddatei, für unsere Zwecke ist die Zeile in der steht "Show image to friends" interessant. Wir kopieren die Adresse die links davon in dem Kasten steht und mit "http://img..." beginnt.
6.)Zum einbinden des Bilds in einen Beitrag fügt man an der entsprechenden Stelle nun nur noch Bild ein. Dort wo uns der Junge angrinst fügen wir die vorher kopierte Adresse ein.

Das war's auch schon.
"Wärme dehnt die Dinge aus. Deswegen sind die Tage im Sommer länger. Klingt logisch, ist aber falsch."
Antworten