Bilder auf Websites sehen besser aus, wenn sie einen feinen Rahmen haben. Vor allem wenn die Bildfarbe dem Hintergrund der Website entspricht. Oder auch wenn Sie Buch oder eine Zeitschrift mit einem weißen Einband darstellen möchten, schaut es professioneller aus wenn Sie dem Bild eine Haarlinie als Rahmen geben. Vergleichen Sie selbst die beiden Screenshots des Blogs Basicthinking die unten abgebildet sind. Jetzt können Sie natürlich grundsätzlich per CSS einem jeden Bild eine Linie geben.
img { outline:1px solid black; }
Wenn Sie jedoch nur gelegentlich Bilder einfügen macht es Sinn dem Bild in der Bildbearbeitung einen Rahmen zu geben. Im Paintshoppro geht das ganz einfach mit Rahmen hinzufügen – Sie müssen nur die Rahmenstärke angeben. Im Bildbearbeitungsprogram Fireworks zeichnen Sie ein Rechteck und geben als Füllfarbe transparent bzw keine an. Über die Eigenschaften des Rechtecks geben Sie die Höhe und Breite des Bildes an – mit einem X- und Y-Wert von 0; die Rahmen wählen Sie beliebig.
Rahmen ohne eigene Funktion
Wenn Ihre Bildbearbeitung eine solche Funktion nicht hat gehen Sie so vor: Sie vergrößern die Arbeitsfläche (oder Leinwand) Ihres Bild um jeweils 1 Pixel in jede Richtung. Also aus 70 x 60 machen Sie 72 x 62. Vergrößern Sie nicht Ihr Bild! Ihr Bild muss nun von einem transparenten Rahmen umgeben sein. Nun erzeugen Sie ein echteck in der Größe Ihres Bildes (72 x 62) und bringen diese Ebene ganz nach hinten. Eine weitere Möglichkeit ist, dass Sie ein neues Bild mit einer komplett schwarzen Farbe in der Größe 72 x 62 erzeugen und Ihr ursprüngliches Bild hier hineinkopieren.
Bild ohne Rahmen:

Bid mit einer feinen Haarlinie:

Schlagwörter: Bildbearbeitung, Webdesign
Diese Artikel könnten Sie interessieren:
3D-Bilder mit Photosynth – jetzt mit AppAuf der Website Photosynth aus Hause Microsoft können Sie coole 3D-Bilder ansehen und auch selbst erzeugen. Alles was Sie dafür brauchen sind mehrere Bilder von [...]
Google Webmaster Tools – Infos für ProfisDie Google Webmaster Tools zeigen Ihnen wie Sie Ihre Website optimieren, und die Zugriffszahlen steigern können. Sie geben Ihnen wichtige SEO-Infos zu Ihren Suchbegriffen, und [...]
WordPress Plugin – Image Size OptimizerDer WordPress Bilderupload hat gleich mehrere Funktionen. Zum einen läd er das Bild auf den Server. Weiterhin fertigt er beim Upload von Bildern gleich mehrere [...]
WordPress Bilder optimieren – Bilderupload anpassenDer Bilderupload mit WordPress in der Mediathek ist praktisch, komprimiert die Bilder aber nur sehr schlecht. WordPress läd Bilder auf den Server, und verkleinert sie [...]
ImLabDass es gute Bildbearbeitungstools jenseits von Photoshop gibt beweist das Tool ImLab. Es bietet bei Weitem nicht nur die Standardfunktionen mit denen man die Größe, [...]
Was meinen Sie dazu?