Drücke die Tasten ◄ ► für weitere Artikel  

Lorempixel generiert beliebige Platzhalter-Bilder für Webentwickler

Lorempixel ist eine Plattform, auf der Webentwickler Platzhalter-Bilder in gewünschter Größe erzeugen und in ihre Website einbauen können. Es ist das visuelle Pendant zu den bekannten „Lorem ipsum“-Texten, die als Platzhalter für Worte und Sätze dienen. Ein simples aber sinnvolles Tool zur Gestaltung von Webseiten.

Lorempixel generiert beliebige Platzhalter-Bilder für Webentwickler
Auch im Bereich SEO heißt es: gezielt vorgehen.

Lorempixel: Platzhalter-Bilder zu unterschiedlichsten Themengebieten

Bei der Gestaltung von Layouts ist meist noch nicht klar, welche Bilder und Texte letztlich verwendet werden. Lorempixel ist ein kostenloser Dienst, mit dem Entwickler einfach Platzhalter-Bilder erzeugen und einbinden können – ob für Web oder Print. Es gibt Bilder zu verschiedensten Themen wie Sport, Nachtleben und Natur, deren Auflösung über einen Generator oder die URL festgelegt wird. Eine entsprechende URL sieht zum Beispiel so aus: http://lorempixel.com/400/200/sports/1/Dummy-Text. Beim Generator lässt sich die Auflösung manuell mit Schiebereglern festlegen.

Bei Lorempixel lassen sich manuell oder per URL Platzhalter-Bilder in gewünschter Größe erzeugen.

Mit Lorempixel entfällt für das lange Suchen und Zurechtschneiden von passenden Fotos. Es gibt die zahlreichen Platzhalter-Bilder sowohl in Farbe als auch in schwarz-weiß. Dank der Creative Commons-Lizenz dürfen die Bilder sogar dauerhaft für eigene Layouts verwendet werden. Es gibt auf der Seite eine Liste mit den entsprechenden Fotografen, zu denen man Kontakt aufnehmen kann, wenn eines der angebotenen Bilder gefällt.

Foto: iStockphoto.com/Silent47

216 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
16 Antworten
  1. von Dominik Lessel via facebook am 13.12.2012 (08:34Uhr)

    Oder man nutzt einfach holder.js (http://imsky.github.com/holder/) und das ganze funktioniert auch, wenn man mal nicht online ist :)

  2. von Alan Lebowski via facebook am 13.12.2012 (08:34Uhr)

    ich bin eher für http://placekitten.com/ :D

  3. von Nico Poggenburg via facebook am 13.12.2012 (08:55Uhr)

    Die Domain ist mir zu lang^^: placehold.it/500x100

  4. von Ron ThePanda Hoffmann via facebook am 13.12.2012 (08:56Uhr)

    Webentwickler der nicht online ist? Localhorst? ;)

  5. von Dominik Lessel via facebook am 13.12.2012 (09:08Uhr)

    Tja, soll Menschen geben, die auch mal einen Tag ohne Google auskommen und trotzdem ihr Tagewerk erledigt bekommen ;)

  6. von Dominik Bch via facebook am 13.12.2012 (09:12Uhr)

    Gibts schon:
    www.placehold.itund dann einfach mal
    www.placehold.it/20x20
    www.placehold.it40x40
    www.placehold.it/1337x15
    www.placehold.it/999x111

  7. von Dominik Bch via facebook am 13.12.2012 (09:13Uhr)

    Ron The Panda Hoffmann,
    selbst im Localhost hat man doch ne Internetanbindung, where's the problem. xD

  8. von Udo von P via facebook am 13.12.2012 (09:22Uhr)

    im host ggf. - aber auch im horst? ;)

  9. von Franky am 13.12.2012 (09:26Uhr)

    holder.js ist im Moment auch mein Favorit. Funktioniert ohne Internet (weil klientseitig mittels js generiert wird) und ist retina-ready. Ersetzt aus diesen beiden Gründen auch in Twitters Bootstrap placehold.it

  10. von Ron ThePanda Hoffmann via facebook am 13.12.2012 (09:32Uhr)

    Dominik. Das war einfach so daher gesagt. Ist mir spontan so in den Sinn gekommen. Nichts gegen deine Arbeitsweise ;)

  11. von Sascha Mersch via facebook am 13.12.2012 (09:44Uhr)

    http://placebacn.com/

  12. von Dominik Bch via facebook am 13.12.2012 (10:24Uhr)

    Okay. :)
    Naja Heutzutage gibt es ja überall Internet, daher dachte ich das eigentlich jeder Webdesigner (zumindest Heute) Internet beim Entwickeln hat. :)

  13. von Lorempixel generiert beliebige Platzhalt… am 13.12.2012 (10:58Uhr)

    [...] http://t3n.de/news/lorempixel-generiert-beliebige-432280/ Did you like this? Share it:Tweet This entry was posted in Bilder, Design, Grafik. Bookmark the permalink. ← Design Cutting Edge iOS Apps With Adobe Fireworks [...]

  14. von Joachim Hahn via facebook am 13.12.2012 (14:42Uhr)

    perfekt

  15. von Mykola am 13.12.2012 (15:08Uhr)

    bin so frei zum Thema auch mein Machwerk http://www.lorem-ipsum.info zu empfehlen - lorem ipsum Blindtext in vielen Sprachen und Zeichensätzen für Typographie-Profis, z. B. Griechisch oder Russisch.

  16. von Mykola am 16.12.2012 (15:50Uhr)

    In dem Zusammenhang mal ein Hinweis auf meine site http://www.lorem-ipsum.info, Blindtexte für Typographen und professionelle Designer

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Webentwicklung
Responsive Webdesign: Browserunterstützung und Tools [t3n-Video-Workshop]
Responsive Webdesign: Browserunterstützung und Tools [t3n-Video-Workshop]

Heute führen wir auf t3n.de die Video-Serie weiter, in der wir euch in Zusammenarbeit mit Galileo Press Video-Workshops zu verschiedenen Themen für Webentwickler und Digitalarbeiter präsentieren... ... » weiterlesen

TrackDuck soll das Issue-Tracking für Webentwickler um 30 Prozent beschleunigen
TrackDuck soll das Issue-Tracking für Webentwickler um 30 Prozent beschleunigen

Mit TrackDuck schickt sich ein finnisches Startup an, den Webentwicklungsprozess – und hier speziell die Abstimmung mit Kunden – für kleine Unternehmen und Freelancer zu vereinfachen.... » weiterlesen

Layouts mit der CSS-Box-Modell-Alternative Flexbox einfacher umsetzen [t3n-Video-Workshop]
Layouts mit der CSS-Box-Modell-Alternative Flexbox einfacher umsetzen [t3n-Video-Workshop]

Heute führen wir auf t3n.de die Video-Serie weiter, in der wir euch in Zusammenarbeit mit Galileo Press Video-Workshops zu verschiedenen Themen für Webentwickler und Digitalarbeiter präsentieren... ... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen