placehold-it-banner

Bilder als Platzhalter erstellen lassen

Jeder Webdesigner wird bestimmt schon einmal folgendes Problem erlebt haben: Man braucht für das aktuelle Projekt mal eben ein Bild zum testen des Layouts und findet sich kurz darauf durch die Ordner wühlend wieder, nur um festzustellen, dass die Urlaubsfotos mit der Freundin vielleicht doch nicht das passende Demonstrationswerkzeug sind. Wenn man dann am Ende auch noch die Dimensionen des Bildes anpassen muss ist man wahrscheinlich vollends bedient. Durch tagdocs.de bin ich kürzlich zufällig auf das Webtool Placehold.it gestoßen, dass sich genau dieser Problematik annimmt und mit einfachen Mitteln Platzhalter-Grafiken generiert. Also eine Art Lorem-Ipsum-Generator für Bilder, wenn man so will.

Die Benutzung des Tools ist einfach und die Platzhalter-Bilder lassen sich über die URL generieren, beispielsweise so:

http://placehold.it/350×150

Damit lässt sich ein 350×150 Pixel großes Bild erzeugen, das sich über HTML-Code auch sofort in eine Seite einbinden lässt:

<img src=”http://placehold.it/350×150″>

Die Angabe der Höhe ist dabei optional. Fehlt diese wird einfach ein Rechteck generiert. Unterstützt werden außerdem die Formate .gif (Standard), .png, und .jpeg, die nach jeder beliebigen Option in der URL angegeben werden können.

Nicht nur die Größe, sondern auch die Farbe des Hintergrunds und der Schrift kann gewählt werden. Für das Bild am Anfang des Artikels sorgt folgende URL:

http://placehold.it/150/3781B9/ffffff/&text=Platzhalter

Eine Alternative zum hier vorgestellen Webtool bietet Dynamic Dummy Image Generator.

[via]

Teilen

, , , , ,