Bilder optimieren

Tools: Platzhalterbilder

Ein oft vorhandenes Problem: Man macht einen Entwurf für eine Website oder ein zu druckendes Dokument und es liegt kein Bildmaterial vor. Im Internet gibt es eine Vielzahl von Diensten, die Platzhalterbilder in der gewünschten Größe generieren. Diese lassen sich dann in Web- und Printdokumenten verwenden.

picsum.photos

Mein Favorit gleich zuerst: mit picsum.photos lassen sich, wenn man in HTML arbeitet, direkt Bilder einbetten – und das nur durch einen Link. Gibt man als Bildpfad beispielsweise https://picsum.photos/1200 an, wird automatisch ein zufälliges Bild mit den Abmessungen 1200px * 1200px geladen. Ist der Pfad wiederum z. B. https://picsum.photos/1200/800, dann bekommt man ein Bild mit den Abmessungen von 1200 * 800 px ausgeliefert. Ideal zum Testen und für Pens auf Codepen. Man ist übrigens nicht nur auf die Bildmaße beschränkt, sondern kann sich auch Graustufenbilder ausgeben etc.

dummyimage.com

Als Bilder werden bei dummyimage.com farbige Flächen mit optionalem Text ausgegeben. Praktisch am Generator ist, dass man ein bestimmtes Seitenverhältnis angeben kann. Die URL https://dummyimage.com/640×4:3 gibt beispielsweise ein Bild im Seitenverhältnis von 4:3 aus. hier also 640*480px. Ist statt einer Breite eine Höhe vorgegeben, lautet die URL https://dummyimage.com/16:9×1080, was ein Bild im Verhältnis von 16:9 und demnach mit den Maßen 1920*1080px ausgibt.

placekitten.com

Sehr einfach gehalten und placekitten.com tut das, was der Name verspricht: Hiermit lassen sich Katzenbilder als Platzhalter verwenden. Einfach beispielsweise placekitten.com/200/300 eingeben, um ein zufälliges Katzenbild mit den Maßen 200 x 300px zu erhalten.

Letztendlich gibt es eine große Menge an Generatoren für Platzhalterbilder, hier sollen nur ein paar verschiedene aufgelistet werden. Die Suche nach „placeholder generator“ ergibt eine große Anzahl von Treffern.