Bild ins Internet stellen - so gehen Sie vor

Bilder im Internet haben spezielle Eigenschaften. Bilder im Internet haben spezielle Eigenschaften.
Sie haben eine eigene Homepage und möchten gerne ein Bild veröffentlichen, es also ins Internet stellen? Wie schaffen Sie es, dass es am richtigen Ort, nämlich auf Ihrer Homepage, landet? Wie stellen Sie sicher, dass es auch gut aussieht? Diese Schritt-für-Schritt-Anleitung für Photoshop und Dreamweaver helfen weiter. Der Weg ist mit anderer Software natürlich derselbe.
Heike Funke
05.01.2012 Heike Funke
Was Sie benötigen
Dafür brauchen Sie beide Hände

So bereiten Sie Bilder für das Internet vor

  1. Laden Sie Ihr Bild in Photoshop und speichern es zunächst unter einem neuen Namen, um das Originalbild zu erhalten.
  2. Wählen Sie im Menü "Bild - Bildgröße". Hier sollte bei "Auflösung" 72 ppi stehen. Ist dem nicht so, stellen Sie den Wert entsprechend um und bestätigen mit "OK".
  3. Überprüfen Sie nun über "Bild - Modus", ob das Dokument im CMYK- oder im RGB-Modus vorliegt. Alternativ: Links unten in Photoshop befindet sich eine Statuszeile. Klicken Sie auf den kleinen Pfeil dort und wählen "Dokumentprofil". Nun sehen Sie schon beim Öffnen eines Dokuments, in welchem Modus es sich befindet.
  4. Lesen Sie den CMYK-Modus, dann klicken Sie wieder auf "Bild - Modus - in Profil konvertieren". Im nächsten Fenster wählen Sie als Zielfarbraum "RGB-Arbeitsfarbraum sRGB" (diesen Farbraum sollten Sie für den RGB-Modus auch grundsätzlich bei den Voreinstellungen eingestellt haben). Die restlichen Felder lassen Sie zunächst, wie sie sind. 
  5. Aktivieren Sie die Vorschau, um das Ergebnis zu beurteilen. Farbverschiebungen sollten sich in Grenzen halten, sind aber meist unvermeidbar.
  6. Sind Sie mit dem Ergebnis nicht zufrieden, deaktivieren Sie testweise die Felder Tiefenkompensierung und Dither.
  7. Wenn Sie das best mögliche Ergebnis haben, bestätigen Sie mit "OK".
  8. Hat Ihr Bild Ebenen, werden Sie nun gefragt, ob Sie auf die Hintergrundebene reduzieren wollen. Das bestätigen Sie.
  9. Speichern Sie Ihre Datei im images-Ordner Ihrer Website, und zwar über "Datei - für Web speichern". Je nachdem, wie die Farben aufgebaut sind, nehmen Sie das jpg- oder das gif-Format. Nur bei Bildern mit ganz wenig Farben, zum Beispiel Logos, sollten sie ins gif-Format wechseln. Spielen Sie mit der Qualität, sodass die Datei möglichst klein ist. Die aktuelle Größe sehen Sie unten im Fenster.

Ein Bild ins Netz stellen - so geht´s

  1. Öffnen Sie in Dreamweaver die Seite, auf der das Bild erscheinen soll.
  2. Platzieren Sie den Cursor an die entsprechende Stelle im Dokument.
  3. Oben ganz rechts im Menü sollte die Ansicht "Klassisch" aktiv sein. Bei den Reitern links wählen Sie nun "Allgemein" und dort den siebten Button von links (der mit der grünen Blume). Es öffnet sich ein Fenster "Bildquelle auswählen". Navigieren Sie zum Ordner, in dem Sie das Bild gespeichert haben, und klicken auf "OK". 
  4. Dreamweaver fragt Sie nun nach einem Alternativtext, der erscheinen soll, falls das Bild nicht geladen werden kann. Geben Sie hier am besten eines oder mehrere Ihrer Keywords ein. Bestätigen Sie mit "OK".
  5. Wechseln Sie in das Fenster rechts unten "Dateien" und suchen Ihren Bilderordner. Dort suchen Sie Ihr Bild und klicken auf den kleinen blauen Pfeil oben in diesem Fenster. Dadurch stellen Sie das Bild ins Internet.
  6. Klicken Sie nun auf das Symbol, das sich neben dem Seitentitel befindet (die beiden kleinen Pfeile), nämlich die Dateiverwaltung, und wählen "Bereitstellen". Somit haben Sie auch die Seite, die das Bild enthält, ins Netz hochgeladen.

Dies ist der professionelle Weg. Mit anderer Software sehen die Schritte ähnlich aus. Auf jeden Fall müssen Sie das Bild für das Internet vorher aufbereiten oder zumindest überprüfen, in den HTML-Code einfügen und per FTP hochladen.

Diese Anleitung
Leser-Tipps Ihren Tipp zur Anleitung schreiben

1400 Zeichen verbleibend.