Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Webdesign » Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dieter Petereit
  • 12. Mai 2012
Bookmarke mich
Share on pocket

JOHDA Webdesign

KnallBlauMedia

Warscher - Digital Experts

DAZECON - Webdesign und Marketing Leipzig

design andrea becker

TYPO3 & Shopware Agentur München - 3m5.

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.


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:

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:

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:

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?

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

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.

Agenturpartner

SEO-Sicht

Berlin

minddraft AG

Allenwinden

Rocket Backlinks

Aalen

Berlin Translate

Berlin

One Step Webdesign

Hannover

Alle Agenturpartner

Jobs

Senior SEO Manager

München

Senior Online Marketing Manager und stv. Geschäftsführer

Innsbruck

SEA Manager in München

München

System Engineer – Managed Service

Karlsruhe

Web Development & Project Management

Remote

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Webdesign Trends 2022: Das erwartet uns

Animation, Interaktion und Immersion: Das neue Jahr bringt zahlreiche Trends im Webdesign mit sich und entwickelt einzelne Bereiche weiter. Bereits jetzt ist klar – in Sachen Webdesign-Trends hat das Jahr 2022 einiges zu bieten.

 →   

Google Fonts sind nicht mehr datenschutzkonform. Was nun?

Mit dem Urteil des Landgerichts München vom 20.01.2022 ist nun auch die Verwendung von Google Fonts über die Fonts API nicht mehr datenschutzkonform. Zeit sich nach einer Lösung umzusehen, wie Du dennoch Google Fonts weiterhin einsetzen kannst.

 →   

Dunkel Design – herzlich willkommen auf Dr. Web

Wir freuen uns, dass Moritz Dunkel mit seiner Agentur DNKL.DSGN aus Köln an Bord ist. Moritz Dunkel von Dunkel Design verstärkt unser Agentur-Netzwerk. Inhaltsstarke Seiten

 →   

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.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

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

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.