Läsare som du hjälper till att stödja MUO. När du gör ett köp med hjälp av länkar på vår webbplats kan vi tjäna en affiliate-provision. Läs mer.

I webbutveckling kan det att hitta platshållarbilder vara skillnaden mellan att dina mockups ser bra ut och att de ser ut som om de drogs ihop i sista minuten. Det är inte bara webbutveckling heller – du kan behöva en platshållarbild för andra projekt eller presentationer.

Lyckligtvis behöver det inte vara en svår uppgift att skapa fantastiska dummybilder. Dessa åtta bildgeneratorer för platshållare gör jobbet åt dig och på en mängd olika sätt.

Först ut på den här listan har vi Dynamic Dummy Image Generator. Om du letar efter platshållarbilder som du snabbt och enkelt kan använda för dina mockups och andra projekt, så är det här ett bra ställe att komma igång.

Dynamic Dummy Image Generator, som du kanske föreställer dig från dess namn, är en webbplats som låter dig snabbt generera dummy-bilder. Allt du behöver göra för att komma igång är att ange storlek, bakgrundsfärg, förgrundsfärg, bildformat och eventuell ytterligare text.

instagram viewer

Om du lämnar texten tom kommer bilden helt enkelt att visa bildens storlek. När du är nöjd med platshållarbilden du har skapat kan du enkelt klicka på bilden för att ladda ner den, eller använda länken som genereras för att integrera bilden direkt.

Därefter har vi Placeholder.com. Om du letar efter något som helt avstår från användargränssnittet till förmån för snabbare och mer mångsidig bildgenerering, då är Placeholder.com precis vad du letar efter.

Som tidigare nämnts har Placeholder.com inget användargränssnitt att tala om. Istället är webbsidan i huvudsak en lång förklaring av hur man använder webbtjänsten.

I huvudsak låter Placeholder.com dig använda en specifik URL för att dynamiskt skapa platshållarbilder längs en mängd olika parametrar som storlek, bildformat, anpassad text, färger och mer.

Det som är bra här är att när du väl förstår hur du använder det kan du koppla in dessa bilder direkt i din kod utan att behöva oroa dig för att ställa in varje ny bild individuellt.

Om du är ute efter något lite mer dynamiskt än bara text, kan LoremFlickr vara en webbtjänst som passar dina behov bättre. LoremFlickr fungerar på samma sätt som Placeholder.com genom att det låter dig skapa platshållarbilder dynamiskt med en enkel länk.

Den största skillnaden här är att LoremFlickr skapar dessa platshållarbilder genom att ta bilder från Flickr och använda dem som dina dummybilder. Om du är obekant med vad Flickr är, det är i princip bara en plattform för fotodelning.

Det finns mycket du kan göra här. Du kan till exempel mata in extra parametrar för att se till att din platshållarbild har rätt storlek, men du kan också inkludera taggar för att få rätt typ av bilder du letar efter.

Om du till exempel skapade en mockup av en resewebbplats kanske du vill inkludera platshållarbilder av platser. Du kan inkludera taggarna för de platser du tänkt dig, och LoremFlickr tar bilder från Flickr som matchar dessa taggar åt dig.

Nästa på den här listan kommer Placeholder Image Generator. Som du kanske föreställer dig är detta en platshållargenerator som är bra för om du är lite mindre tekniskt kunnig eller helt enkelt föredrar något med ett snyggt användargränssnitt.

Att komma igång med Placeholder Image Generator är superenkelt. Generatorn är upplagd på ett ganska intuitivt sätt, där varje rad motsvarar ett annat element i den genererade platshållaren.

Även att ladda ner bilden eller integrera den direkt görs enkelt för dig, med en tydlig knapp som visas precis under förhandsgranskningen av bilden som du ser.

Om du letar efter något lite mer funktionsrikt, så är Lorem.space en imponerande tjänst för bildgenerering av platshållare med ganska mycket som händer under huven.

Lorem.space är ett API för generering av platshållarbilder. Även om det kan låta komplicerat, är det ganska lätt att göra det få grepp om vad API: er är. Det betyder att du enkelt kan använda den för att generera platshållarbilder från en enda länk. Du kan inkludera vissa parametrar här för att garantera att du till exempel får rätt bredd och höjd.

Det som däremot gör Lorem.space unikt är att den innehåller en mängd olika alternativ för olika platshållarbilder. Om du till exempel gör en mockup för en biografwebbplats kanske du vill ha filmaffischer. Lorem.space låter dig inkludera filmtaggen för att generera filmaffischer.

Det finns nio olika kategorier här som du kan välja mellan, vilket låter dig skapa snygga platshållarbilder som passar dina behov.

Därefter har vi Dummy Image Generator. Denna platshållarbildtjänst har ett stort utbud av olika bilder som du kan använda för nästan alla ändamål.

Allt du behöver göra för att använda Dummy Image Generator är att välja från en mängd olika parametrar till vänster på skärmen. Här finns alternativ för olika storlekar, format, motiv med mera.

Därifrån har du en mängd olika bilder som du enkelt kan ladda ner en efter en eller som zip. Perfekt när du behöver bilder och inte är alltför bråkad över hur de ser ut specifikt.

För högkvalitativa platshållarbilder är Lorem Picsum ett bra val att komma igång med. Lorem Picsum låter dig inte bara skapa platshållarbilder superenkelt tack vare dess dynamiska länksystem, utan det låter dig också enkelt skapa slumpmässiga eller specifika bilder när du vill.

Du kan titta igenom hela Lorem Picsum-biblioteket för att välja specifika bilder, eller kan välja att göra det slumpmässigt generera en ny bild varje gång, eller till och med få en slumpmässig bild som sedan förblir densamma från den punkten fram.

Du kan också dynamiskt tillämpa effekter som oskärpa, gråskala och mer med bara några extra ingångar.

Äntligen har vi Fakeimg.pl. Om du vill skapa platshållare med japansk, koreansk eller kinesisk text är Fakeimg.pl bra för den här applikationen.

Ungefär som många av de andra posterna på den här listan låter Fakeimg.pl dig dynamiskt skapa platshållarbilder med en rad med CSS-kod. Du kan välja mellan en mängd olika parametrar här som storlek, färg, teckensnitt och mer.

Det som gör Fakeimg.pl bra är dock att den har inbyggt stöd för japanska, koreanska och Kinesiska tecken, vilket betyder att du kan mata in din text direkt i CSS och få den att fungera omedelbart.

Att hitta platshållarbilder behöver inte vara svårt

Som du kan se finns det ett brett utbud av olika bildgeneratorer för platshållare som alla fungerar olika. Oavsett om du letar efter något som är snabbt och enkelt att använda, eller något med många olika funktioner, kommer du garanterat att hitta det du letar efter.