Bildstorlekar och komprimering för annonser: en praktisk guide

I den här guiden lär du dig att välja mått för statiska annonsbilder, förbereda layouter för olika placeringar och minska filstorleken så att text och produktdetaljer fortfarande är tydliga.

Storlekar för annonsbilder: börja med annonstypen

Skillnaden mellan en bildtillgång för en responsiv annons och en färdig banner förebygger många uppladdningsfel. Google kombinerar responsiva bilder med separata rubriker och logotyper. En färdig banner innehåller redan sin design och måste passa en bannerplats som stöds.

Måtten och gränserna för responsiva bilder kommer från Googles rekommendationer för responsiva displayannonser. Bannerkraven finns i Googles specifikationer för uppladdade displayannonser. Använd JPG eller PNG för det statiska arbetsflödet i den här guiden. Detta är displayspecifikationer, inte en allmän tabell för Performance Max, Demand Gen eller alla Google-kampanjer.

Använd rekommenderad upplösning om originalet har tillräckligt med detaljer. Miniminivån är den minsta godkända bilden, inte det bästa målet. En bild på 300 kB kan ligga inom gränsen för responsiva bilder men över gränsen för uppladdade banners.

Vilka versioner av annonsbilden bör du förbereda?

Välj versioner efter annonstyp och placering. Bildförhållandena för Facebook och Instagram nedan är utgångspunkter för planeringen. Kontrollera före exporten i Ads Manager att det valda annonsformatet stöder dem.

• Googles responsiva displayannonser: börja med liggande och kvadratiska bilder med de rekommenderade måtten i tabellen ovan. Skapa en separat stående bild om du använder vertikala placeringar som stöder den.
• Uppladdade Google-banners: välj de bannerstorlekar som stöds och som din kampanj behöver, och skapa en layout för varje storlek. Exportera med exakt de mått som krävs. Rätt bildförhållande räcker inte.
• Facebooks och Instagrams flöden och karuseller: överväg en stående layout i 4:5 för en flödesplacering som stöder den, och en kvadratisk layout i 1:1 för placeringar eller karusellformat som använder kvadratiska bilder. Anpassa kompositionen för varje version i stället för att förlita dig på automatisk beskärning.
• Facebook- och Instagram-Stories: skapa en separat layout i 9:16 om den valda placeringen stöder en statisk bild. Placera budskapet och produkten så att gränssnittets element inte täcker dem, och kontrollera annonsens förhandsvisning.

Alla kampanjer behöver inte alla bildstorlekar. Förbered de versioner som dina valda placeringar kräver, spara ett redigerbart original och kontrollera varje förhandsvisning innan du laddar upp de färdiga filerna.

Pixelmått, bildförhållande och filstorlek är olika saker

Två bilder med identiska mått kan ha mycket olika filstorlekar. En enfärgad bakgrund komprimeras annorlunda än ett detaljrikt foto. Struktur, brus, format och kodningsinställningar påverkar resultatet.

Komprimering minskar filstorleken. Skalning ändrar måtten; beskärning tar bort en del av kompositionen. Om uppladdningen avvisar formen hjälper inte mer komprimering. Om filstorleken avvisas tar en ändrad DPI-angivelse inte bort pixlar eller minskar bilddata på något betydande sätt.

Spara ett redigerbart original och exportera varje version från det. Att förstora en liten bild lägger till pixlar, men återställer inte produktdetaljer eller skärper redan suddiga bokstäver.

Google Displays bannerstorlekar och gränsen på 150 kB

Google anger JPG, PNG och GIF för uppladdade bildannonser, med högst 150 kB. Guiden använder statiska JPG- och PNG-bilder; animerade GIF-filer har fler regler. Vissa bannerstorlekar är bara tillgängliga i vissa regioner, så läs hela specifikationen för din kampanj.

En bild på 600 × 500 har samma proportioner som 300 × 250, men är inte samma bannerstorlek. Exportera en uppladdad banner med exakt den bredd och höjd som krävs. Aktivera inte automatisk minskning av måtten för att nå bytegränsen.

Anpassa layouten för varje form. En smal leaderboard behöver en annan placering av innehållet än en hög halvsidesbanner. Att krympa hela designen kan göra rubriken oläslig.

Förbereda annonslayouter för Facebook och Instagram

Välj den faktiska placeringen och annonsformatet i Ads Manager innan du exporterar för Facebook och Instagram. En flödesannons, en Story och en karusell är olika sammanhang. En förinställning för ett organiskt inlägg visar inte att en annons uppfyller dagens krav.

Måtten nedan är arbetsytor, inte verifierade uppladdningskrav från Meta. Metas offentliga specifikationssidor krävde inloggning när guiden kontrollerades. Här anges därför ingen aktuell minimiupplösning eller största filstorlek för Meta. Kontrollera värdena i ditt konto eller i Metas annonsguide.

Flytta rubrik och produkt medvetet mellan versionerna. Håll viktiga detaljer borta från kanterna och granska varje placeringsförhandsvisning för överlagrade gränssnittselement. Förlita dig inte på en enda universell säkerhetsmarginal. Om en stående beskärning skär bort en del av produkten, ändra utsnitt eller layout i stället för att sträcka bilden.

Anteckna godkänt bildförhållande, rekommenderade eller obligatoriska pixelmått, format och filgräns för varje placering i Ads Manager. Exportera sedan versionen och kontrollera förhandsvisningen. Guiden förutsätter inte att alla Reels-placeringar accepterar statiska bilder.

JPG, PNG eller WebP för annonsbilder?

Jämför JPG och PNG för design som blandar foto och text. Inget format är alltid bäst. På din webbplats kan WebP och AVIF ge effektivare komprimering, men använd ett godkänt format när du laddar upp annonsen. Se Googles råd om bildformat.

Välj en bakgrundsfärg när du konverterar transparens till JPG och kontrollera kanterna på frilagda produkter eller logotyper. Att ändra filändelsen konverterar inte bilden.

Ingen synlig kvalitetsförlust och förlustfritt är olika löften. Förlustfri komprimering bevarar avkodade pixlar; komprimering med förlust tar bort information som kan synas eller förbli omärkbar. En PNG-optimerare kan bevara pixlar, medan PNG till JPG innebär förlust. Läs jämförelsen mellan komprimering med och utan förlust.

Ändra storlek och komprimera en annonsbild med Pixilo

1. Anteckna destinationens krav. Ta reda på annonstyp, bredd, höjd, godkänt format och största filstorlek.
2. Färdigställ kompositionen. Använd Beskär bild för ett exakt utsnitt. Flytta text som redan ingår i bilden i det ursprungliga designverktyget om beskärningen inte kan hålla den synlig.
3. Ställ in måtten. Beskär först till rätt bildförhållande och använd sedan Ändra bildstorlek med låsta proportioner. Alternativt erbjuder Ändra storlek för sociala medier egna mått och valet mellan anpassning med kanter och centrerad beskärning. Granska utsnittet i stället för att lita på förinställningens namn.
4. Välj en önskad filstorlek. Öppna Komprimera till en filstorlek, välj ett godkänt format och ange ett mål under uppladdningsgränsen. För en banner med 150 kB som gräns ger 140 kB en användbar marginal. Låt skalning vara avstängd när exakta mått krävs.
5. Ladda ned och granska kopian. Kontrollera mått, faktisk filstorlek och viktiga detaljer och sedan plattformens placeringsförhandsvisning.

Filstorleksverktyget accepterar en JPG-, PNG- eller WebP-bild upp till 25 MB och erbjuder samma tre utdataformat. Det söker JPG-/WebP-kvalitetsinställningar automatiskt och har inget manuellt kvalitetsreglage. PNG-utdata kan inte använda samma kvalitetsjustering. Att nå målet garanterar inte läsbar text.

Pixilos verktyg räknar med 1024 byte per kB, medan andra tjänster kan använda andra sätt att räkna. Ett mål på 140 kB är 143 360 byte, mindre än både 150 000 byte och 150 × 1024 byte. Kontrollera den sparade filen och att destinationen accepterar den, inte bara en avrundad storleksangivelse.

Om verktyget inte når målet utan skalning, prova ett lämpligare format eller förenkla originaldesignen. Om en JPG klarar gränsen men ger ojämn text, testa PNG, höj målet inom gränsen eller minska bakgrundsstrukturen. Undvik att komprimera föregående JPG om och om igen.

Uppmätt exempel: en banner på 970 × 250 under 150 kB

Vi skapade en fiktiv muggannons med strukturerad bakgrund, rubrik och knapptext och behandlade dess PNG med Pixilo den 10 oktober 2026 i Edge 155.0.4283.45. Vi valde JPG, ett mål på 140 kB och stängde av skalning. Detta visar en enda export, inte ett jämförande fototest eller resultatet av en verklig annonskampanj.

Kontrollera tydlighet och faktisk placering

Granska den nedladdade bilden med 100 % zoom, där en bildpixel motsvarar en visningspixel i bildvisaren. Leta efter ojämna bokstäver, block längs kanter, band i toningar och förlorade produktdetaljer. Visa den sedan i förväntad storlek, särskilt på telefon. Tekniskt skarp text kan fortfarande vara för liten att läsa.

• Form: produkt, ansikte och rubrik finns kvar efter placeringens beskärning.
• Mått: både bredd och höjd uppfyller annonstypens regler.
• Format: den faktiska filtypen godkänns; filen är inte bara omdöpt.
• Filstorlek: kontrollera filens byte, inte tilldelat diskutrymme eller en avrundad angivelse.
• Förhandsvisning: gränssnittselement täcker inte viktiga detaljer och den uppladdade bilden är tydlig.

Följ det specifika felmeddelandet om uppladdningen misslyckas. Ett avvisat format behöver konverteras, fel mått kräver rätt export och en för stor fil behöver komprimeras. Om texten är svårläst, korta eller förstora den i designen i stället för att vänta dig att högre kvalitet ska lösa layouten.

Optimera bilden på målsidan separat

Annonsuppladdningen och sidan som öppnas efter ett klick har olika behov. Webbplatsen kan ha nytta av WebP eller AVIF och flera bildbredder för olika skärmar. En mindre annonsfil optimerar inte målsidan automatiskt.

Läs för det arbetsflödet guiderna om responsiva bildstorlekar för telefoner och datorer och val av bildformat för webbplatsen. När annonsen uppfyller de tekniska kraven, testa erbjudande, budskap och komposition för att bedöma annonsens resultat.

Vanliga frågor

Kan jag använda en bild för alla annonsplaceringar?

Bara om varje vald placering accepterar bilden och förhandsvisningen bevarar budskapet. Separata layouter ger kontroll över beskärning och textstorlek. En kvadratisk design blir sällan en bra smal banner genom enbart skalning.

Måste varje annonsbild vara mindre än 150 kB?

Nej. Gränsen på 150 kB här gäller uppladdade Google-bildbanners. Responsiva displaybilder har en annan gräns, och andra annonstyper behöver sina egna krav.

Vilken JPG-kvalitet ska jag använda?

Det finns inget universellt värde. Olika kodare tolkar kvalitetsskalor olika. Börja med redigerarens standardinställning, exportera från originalet och granska resultatet. Pixilo söker automatiskt, så bedöm den nedladdade filen i stället för att leta efter ett kvalitetstal.

Kan komprimering göra mitt suddiga original skarpt?

Nej. Skaffa ett större, tydligare original eller förenkla bilden. Export med fler pixlar kan inte återskapa information som saknas.