Platshållarbildsgeneratorn är ett gratis onlineverktyg som skapar tillfälliga bilder för utveckling och design.
Hur använder man Platshållarbild?
Ange bildens dimensioner (bredd × höjd).
Ställ in bakgrundsfärg, textfärg och visningstext.
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.