Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » Webdesign » Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dieter Petereit
  • 12. Mai 2012

Inhaltsverzeichnis

Nach meiner Erfahrung sind Platzhalterbilder eine zweischneidige Sache. Einerseits helfen sie, einen Eindruck vom geplanten Layout zu verschaffen. Andererseits bergen sie die Gefahr, dass sich der Kunde zu stark auf den Inhalt der Platzhalter fokussiert und ein Layout möglicherweise ablehnt, weil ihm die Bilder nicht gefallen. Abstraktes Denken ist der Mehrheit leider nicht in die Wiege gelegt worden. Deshalb verwende ich stets Platzhalterbilder ohne Inhalte, reine Quader in der richtigen Größe, eventuell noch mit zum Layout korrespondierender Einfärbung. So ist der Dienst Placehold.it für mich geradezu ideal.

platzhalter Placehold.it - Passgenaue Bildplatzhalter für Weblayouts
Real-Life-Platzhalterkonzept: Für´s Web bedingt geeignet… (Bildquelle: Annamartha / pixelio.de)

Placehold.it erzeugt abstrakte Platzhalter, um nicht zu polarisieren

Placehold.it, realisiert von Brent Spore und Russell Heimlich, erzeugt Bildplatzhalter. Im Standard sind das hellgraue Quader definierbarer Größe. Die Platzhalter werden via URL-Parameter generiert. So erzeugt der folgende Aufruf

http://placehold.it/640×150

das folgende Bild:

Placehold.it - Passgenaue Bildplatzhalter für Weblayouts

Die simpelste Form des Aufrufs führt also zu einem hellgrauen Rechteck, dessen Pixelmaße als Text in das Bild geschrieben werden. Der Platzhalter kann nun heruntergeladen und manuell in das Layout eingebunden werden. Alternativ ruft man die URL innerhalb des Image-Tags mit


auf und erspart sich so Down- und Upload. Das ist schon ziemlich gut, aber zeigt noch nicht alle Möglichkeiten des Dienstes. Übrigens: Wer einen quadratischen Platzhalter erzeugen will, lässt einfach den zweiten Pixelwert weg. Das sähe so aus:

http://placehold.it/640

Will man seine Platzhalter nicht im Standardformat GIF, sondern etwa als JPG oder PNG erhalten, gibt man das einfach als URL-Parameter an:

http://placehold.it/640×150.png

Placehold.it bietet mehr Parameter als reine Pixelwerte

Im nächsten Schritt könnte man eventuell einen Text im Bild haben wollen, der nicht die Pixelmaße repräsentiert. Hierzu würde beispielsweise folgender Aufruf führen:

http://placehold.it/640×150.png&text=dr.+web+testet+placehold.it

Folgender Platzhalter entstünde dadurch:

640x150 grau drweb Placehold.it - Passgenaue Bildplatzhalter für Weblayouts

Und die letzte Möglichkeit, den Platzhalter anzupassen, bezieht sich auf die Farbgebung. Ebenfalls per URL-Parameter lässt sich die Hintergrundfarbe des Rechtecks, wie auch die Textfarbe definieren. Folgender Aufruf

http://placehold.it/640×300/0000FF/ffffff&text=dr.+web+testet+placehold.it

führt zu folgendem Bild:

640x150 blau drweb Placehold.it - Passgenaue Bildplatzhalter für Weblayouts

Fazit: Placehold.it verzichtet bewusst auf echte Inhalte, um das Layout abstrakt zu halten. Genau deshalb verwende ich den Dienst so gerne. Die URL-Parameter lassen keine benötigte Funktion vermissen. Dazu ist der Dienst kostenlos. Was könnte man mehr wollen?

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Johda Webdesign Berlin Logo.

JOHDA Webdesign

Berlin

AMZ Marketing in Regensburg Logo.

AMZ-Marketing GmbH

Regensburg

WP Agentur

wp-agentur.de | WordPress-Agentur

Köln

shortways communications

München

360 grad konzept logo werbeagentur hannover.

Werbeagentur Hannover | 360 Grad Konzept

Hannover

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Die passende Digitalagentur finden: Das solltest Du beachten

Wir unterstützen Dich bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Mitarbeiter einer WordPress-Agentur mit einer Tasse Kaffee im Vordergrund.
WordPress

WordPress — eine gute Wahl für Ihre Unternehmenswebsite?

Hier finden Sie ein ausführliches FAQ zu WordPress als Entscheidungshilfe und eine Auswahl von professionellen WordPress Agenturen.

→

0 Antworten zu „Placehold.it – Passgenaue Bildplatzhalter für Weblayouts“
— was ist Deine Meinung?

  1. Jürgen sagt:
    20. Mai 2012 um 16:05 Uhr

    Das Problem was ich sehe ist, das sich viele Leute eben nicht vorstellen könne wie das fertige Produkt dann aussieht. Ich hatte sogar einen Kunden dem ich einen Vorschlag zeigte, der fragte allen Ernstes was denn das für eine Sprache sei als ich Lorem Texte verwendet habe.

    Antworten
  2. Lukas sagt:
    13. Mai 2012 um 10:51 Uhr

    Ich benutze immer den Dienst http://www.dummyimage.com. Bei denen gibt es eigentlich genau das Gleiche als Output und es gibt auf der Seite direkt ein „kleines“ GUI für das Zusammenstellen eines Bildes. Das ist ganz praktisch, wenn man – wie ich – immer wieder die Reihenfolge der Parameter in der URL vergisst 🙂

    Habe grade noch entdeckt, dass bei dummyimage sogar Standard-Werbebanner-Größen miteingebaut sind. Alles in Allem also eine gute Alternative bzw. Ergänzung zu placehold.it

    Antworten
  3. Stefko sagt:
    13. Mai 2012 um 9:19 Uhr

    Und bei Kunden mit einem gewissen Grad an Humor kann man auch Placekitten verwenden 😉
    http://placekitten.com/

    Antworten
  4. Jürgen sagt:
    13. Mai 2012 um 9:14 Uhr

    Placehold.it ist auch meine Wahl, ich finde es sehr gut, dass man den Text der Platzhalter beeinfluss kann, kommt bei den Kunden ganz gut an.

    Antworten
  5. Dieter Petereit sagt:
    12. Mai 2012 um 14:41 Uhr

    Ja, den Dienst haben wir hier vor ein paar Wochen auch vorgestellt. Er heißt Lorempixel: http://www.drweb.de/magazin/lorempixel-passgenaue-platzhalterbilder-fur-weblayouts/

    Der ist ebenfalls super, ich nutze aber Placehold.it wegen des im ersten Absatz genannten Grundes. Ansonsten, es stimmt, die beiden Dienste sind sich sehr ähnlich.

    Antworten
  6. Viktor sagt:
    12. Mai 2012 um 14:09 Uhr

    Es gibt genau so einen Dienst, der aber echte Bilder statt nur Farbe verwendet. Leider habe ich den Link vergessen und finde den nicht mehr wieder 🙁 Kennst Du den vielleicht Dieter?
    Weil dann schaut das Design viel fertiger aus. Ich finde es macht einen gewaltigen Unterschied, ob nun so eine Colorbox oder wirklich ein Bild zu sehen ist.

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑