Platshållarbild

Så gör du en platshållarbild

1. Ange Bredd (px) och Höjd (px), från 1 till 10 000 pixlar. Förhandsvisningen och bildförhållandet uppdateras medan du skriver.
2. Skriv en Text, eller lämna fältet tomt för att skriva ut storleken, till exempel ”1200×630”.
3. Välj Bakgrundsfärg och Textfärg.
4. Låt Teckenstorlek (px) stå på 0 för en automatisk storlek som passar bilden, eller ange en storlek i pixlar. Välj ett Teckensnitt.
5. Välj Format: PNG, JPG, WebP eller SVG, och klicka sedan på Ladda ner bild.

För att skapa många storlekar på en gång öppnar du Serie av vanliga storlekar, kryssar för de storlekar du behöver (eller använder Markera alla / Avmarkera alla) och klickar på Ladda ner valda storlekar (ZIP). Varje bild använder färgerna, teckensnittet och formatet ovan; när texten är tom visar varje bild sin egen storlek.

Vilket format ska du välja?

• SVG är lättast (några hundra byte oavsett storlek) och förblir skarp vid alla zoomnivåer. Det är idealiskt för skisser, prototyper och HTML-mallar. Texten använder ett systemteckensnitt, så utseendet kan skilja sig lite mellan datorer.
• PNG ger exakta, förlustfria pixlar. Välj det för designprogram och när en riktig bitmapp krävs.
• JPG ger små filer för stora storlekar och godtas överallt, även i gamla publiceringssystem.
• WebP är mindre än PNG och JPG och stöds av alla moderna webbläsare.

Rasterformat är begränsade till ungefär 16,7 miljoner pixlar (till exempel 4 096 × 4 096), den största canvas som webbläsare kan koda. SVG har ingen sådan gräns.

Vanliga storlekar i serien

Annonsstorlekarna följer de standardformat från IAB som de flesta annonsnätverk använder; storlekarna för sociala medier motsvarar de stora plattformarnas rekommendationer.

Varför använda platshållarbilder?

Platshållare reserverar exakt det utrymme en bild kommer att ta innan den riktiga bilden finns. Då kan designers och utvecklare kontrollera en layout, testa responsiva brytpunkter eller visa en kund var bilderna ska sitta utan att leta efter arkivbilder. Genom att skriva ut måtten på bilden blir det tydligt vilken storlek varje plats förväntar sig, och en neutral grå ton håller uppmärksamheten på layouten i stället för på innehållet.

Eftersom det här verktyget skapar riktiga filer kan du använda dem offline, lägga dem i ett arkiv eller släppa in dem i ett designprogram, utan beroende av en extern platshållartjänst som kan gå ner eller spåra besökare.