Hoppa till innehåll
patrache.tools

Platshållarbild

Gratis platshållarbildgenerator online. Ange storlek, bakgrundsfärg, text för mockup-bilder. Bearbetas i webbläsaren.

lockFiler skickas inte till någon server
Dela
Bädda in

Bädda in det här verktyget på din webbplats

Platshållarbildsgeneratorn är ett gratis onlineverktyg som skapar tillfälliga bilder för utveckling och design.

Hur använder man Platshållarbild?

  1. Ange bildens dimensioner (bredd × höjd).
  2. Ställ in bakgrundsfärg, textfärg och visningstext.
  3. Klicka på generera och ladda ner bilden eller kopiera URL:en.

Vanliga frågor om Platshållarbild

Vad används platshållarbilder till?

De används i webbutveckling för layoutverifiering, wireframes, prototyper och designmockuper innan de faktiska bilderna är klara.

Kan jag visa anpassad text på bilden?

Ja, som standard visas bildens dimensioner, men du kan ändra det till valfri text. Textfärg och teckensnitt är också anpassningsbara.

Vad går fel om en platshållarbild hamnar i produktion?

En enda grå rektangel talar om för besökaren att sajten inte är färdig, och på en produktsida får den folk att tveka inför köpet. Det kostar även i sök: den tomma platshållaren indexeras i Google Bilder, och om image-fältet i din strukturerade produktdata pekar på den adressen kan sidan förlora sin behörighet till utökade resultat. Sök igenom hela kodbasen efter strängar som placeholder eller via.placeholder före varje release.

Vilken storlek bör platshållaren ha så att layouten inte hoppar?

Den måste ha exakt samma bildförhållande som bilden som till slut hamnar där. Laddas den riktiga bilden i en annan form skjuts allt nedanför nedåt, och det försämrar ditt värde för Cumulative Layout Shift i Googles mätningar. Pixelmåtten behöver inte stämma, men förhållandet måste — och sätt width- och height-attribut på img-taggen så att webbläsaren reserverar platsen innan filen kommer.

Tips för att använda Platshållarbild effektivt

  • Använd samma bildförhållande som den riktiga bilden, annars hoppar layouten vid bytet.
  • Skriv storleken (1200x630) direkt i bilden – det snabbar upp specdiskussioner i teamet.
  • Även en platshållare behöver alt-text som beskriver den slutliga bilden.

Powered by Patrache Studio Tools

Tillåt annonser på den här webbplatsen

Tillåt annonser på den här webbplatsen för att använda verktygen. Annonser håller tjänsten gratis.

Öppna annonsblockeraren, stäng av den för den här webbplatsen och kontrollera igen.