Guide

Ladda en bild

Tre vägar in, samma resultat

Tre metoder, samma resultat:

• Dra — konverteraren tar emot ett släpp var som helst på sidan (ersätter nuvarande bild); batchkomprimeringen lägger till när resultat redan finns; smedjan vill ha det på uppladdningsytan.
• Välj en fil — klicka på uppladdningsytan för att öppna filväljaren.
• Klistra in — efter en skärmbild, ⌘/Ctrl + V, vilket till och med hoppar över att spara till disk först.

Om format: konverteraren och smedjan tar JPG / PNG / WebP / AVIF / GIF (GIF tar bara första bildrutan, animationen bevaras inte); batchkomprimeringen tar JPG / PNG / WebP / AVIF och hoppar över animerad GIF och SVG med en förklaring.

Om storlek: sikta på en långsida som inte är mindre än målet. Konverteraren och smedjan skalar ner allt över 4096px till 4096px före generering — det steget begränsar bara minnet och påverkar inte utdata, eftersom den största specifikationen bara är YouTube kanalbanner (2560 × 1440). Batchkomprimeringen begränsar varje fil till 50.00 MB och varje batch till 60.

En lätt fälla: att dra en bild på startsidan hoppar till konverteraren med bilden i släptåg, överlämnad via samma fliks minne. En omladdning eller en ny flik tappar den, så välj igen.

Beskär eller rym

Skär bort kanterna eller fyll ut runt dem

Det här är det enda valet som synligt ändrar resultatet. Ingen av lägena är bättre; det beror på vad du behöver.

Att byta räknar om varje resultat direkt — ingen knapp att trycka på.

Brännpunkt

Inramning när motivet inte sitter i mitten

Brännpunkten avgör vilken sida som kastas. Överkant behåller övre delen, underkant den nedre; i rym-läget styr den i vilken ände utfyllnaden samlas.

När det spelar roll: en stående bild som ska bli en 16:9-miniatyr, en liggande bild som ska bli ett 9:16-omslag, ett stående foto som ska bli ett kvadratiskt inlägg. I de tre fallen skär standardmitten gärna precis där den inte borde.

Beskärningsdialog

Manuellt urval, låst förhållande

Brännpunkten tar dig bara nära. För att träffa ett visst område exakt, använd beskärningsdialogen. Den har två oberoende begrepp, och att hålla dem åtskilda är precis det som gör att den inte känns rörig:

• Urvalsrutan sitter fast på skärmen; att dra den avgör vilket område som överlever.
• Bildzoomen ändrar bara bilden bakom rutan; rutan själv flyttar sig inte.

Förhållandechipsen kommer från de 8 olika förhållandena bland de 11 specifikationerna: 16:9 (1280×720), 3:1 (1500×500), 1:1 (400×400), 9:16 (1080×1920), 1:1.56 (420×654), 40:21 (1200×630), 4:1 (1584×396), 2:3 (1000×1500). Varje chip visar pixelstorleken för den första specifikationen med det förhållandet, och medan ett chip är aktivt skalar hörnhandtagen proportionellt.

Beskärningar staplas: varje ”använd beskärning” skär igen från den aktuella bilden i stället för att börja om från originalet. För att ångra, använd ”Återställ beskärning” i källraden. Smedjans dialog erbjuder bara 1:1 eftersom varje utdata är kvadratisk.

På mobil finns ingen mellanslagstangent: ett finger drar rutan, två fingrar nyp zooma och panorera bilden. Allt annat beter sig likadant.

Format och kvalitet

Välja mellan JPEG och PNG

JPEG passar foton och det mesta innehåll och halverar filen när ingen transparens behövs. Kvaliteten är 92 som standard (intervall 40–100): under 80 syns bandning i toningar och plana ytor, över 95 växer filen utan synlig vinst.

PNG är för transparens (undertextband över video, urklippta logotyper) eller stora ytor med platt färg och text. Att slå på transparens byter automatiskt till PNG eftersom JPEG saknar alfakanal helt; att byta tillbaka till JPEG stänger av reglaget, så du hamnar aldrig i ”visas transparent, exporteras vit”.

PNG är förlustfritt, så kvalitetsreglaget gråas ut. Det är väntat.

Export och namngivning

Enskilda filer, ZIP, filnamnsregler

Enskilda nedladdningar ligger nere till höger på varje kort, eller i förhandsvisningen som ”Ladda ner bara den här”; hela uppsättningen är knappen ”Ladda ner ZIP” i resultathuvudet. Förhandsvisningen har två lägen: plattformsvyn ritar plattformens verkliga form (rund avatar, rundat kort, gränssnittsöverlägg inkluderade), medan original visar de exporterade pixlarna 1:1.

Filnamnen är fasta så att de faller rakt in i ett asset-bibliotek: plattform-andamal-breddxhojd.jpg, till exempel {sample}. Arkivet heter social-sizes-20261024-1208.zip med lokal tidsstämpel.

När du inte behöver allt, bocka bara det du behöver i ”Exportera storlekar” till höger i verktygsfältet. Färre filer sparar tid och canvasminne.

Från en logotyp till hela uppsättningen

Hela storleksspannet från en källa

Smedjan gör en bild till 20 filer i sex grupper: webbläsarflik (favicon), navigeringslogotyp, iPhone-hemskärm, Android / PWA, Chrome-tillägg samt runda avatarer och små storlekar. Varje storlek, format och filnamn följer plattformens dokumentation i stället för vår egen uppfinning.

En kvadratisk logotyp på 1024 × 1024 är den rekommenderade källan. Icke-kvadratisk fungerar också — den bäddas in proportionellt med utfyllnad och sträcks aldrig.

Vad de fyra reglagen gör

• Form (kvadrat / rundad / cirkel) ändrar bara konturen som ritas. iOS-hemskärmsikoner och maskbara är alltid kant till kant: systemet lägger på masken, och att förbeskära själv ger en dubbel ram med svartfyllda hörn.
• Indrag (0–20 %) gäller bara de storlekar som faktiskt föreställer logotypen (favicon, navigeringslogotyp, PWA-huvudikon). Avatarer och touch-ikoner förblir kant till kant, annars tror folk att ”bilden krympte”; maskbara behåller minst 10 % eftersom systemet bara garanterar de mittersta 80 %.
• Bakgrund / transparent: iOS tillåter ingen alfa, och transparenta pixlar fylls med svart, så apple-touch- och PWA-storlekar tvingas ogenomskinliga och transparensreglaget gör inget för dem.
• Skala inte upp bäddar in natives pixlar. När källan är mindre än målet behålls pixelrutnätet i stället för en suddighet — vilket gör problemet med en liten logotyp omedelbart synligt.

Två utdata som ofta misstolkas

favicon.ico är en enda fil med inbäddade 16 / 32 / 48-PNG:er, och webbläsaren väljer en — dela inte upp den i tre filer. favicon.svg och logo.svg är bitmappar inbäddade i SVG som en övergångsbehållare: en bitmapp kan inte bli en riktig vektor, så de här filerna får bara filnamnet och referensen rätt. För produktion bör designen exportera en riktig vektor under samma namn.

Att lägga ut det

Filerna använder varje plattforms konventionsenliga namn (favicon.ico, favicon-16x16.png, apple-touch-icon.png, android-chrome-512x512.png, android-chrome-maskable-512x512.png, icon-192.png); lägg dem alla i sajtens rot. ”Ladda ner allt som ZIP” i källraden tar hela paketet, namngivet icons-20261024-1208.zip, inklusive en README.txt med källdimensioner, beskärningsområde, renderingsparametrar och fillistan. Snippetsen längst ner på sidan ger dig HTML-head- och manifest.json-blocken att kopiera.

För att bedöma resultatet, titta på korten — varje kort ritar ikonen i sin verkliga visningsstorlek, och att öppna ett förstorar den till pixelnivå. Om 16px-versionen saknar igenkännbar kontur behöver märket bli enklare.

Göra en batch mindre

Kvalitetstrappa och målstorlek

Batchkomprimeringen gör exakt en sak: gör en uppsättning liknande bilder mindre utan att röra kompositionen. Till skillnad från konverteraren beskär den aldrig och ändrar inget förhållande; till skillnad från smedjan skapar den inga nya filtyper.

Utdataformat

Smart (standard) behåller JPEG-källor som JPEG och konverterar PNG / WebP / AVIF-källor till WebP — WebP behåller alfa, är oftast mindre än halva PNG, och att koda om PNG till PNG hjälper knappt. Du kan också tvinga JPEG / WebP / PNG. Om webbläsaren inte kan koda WebP faller den tillbaka på PNG, filändelsen följer med, och sidan säger det högst upp.

Kvalitet och dimensioner

Kvalitetsreglaget går från 40–100, standard 80; de tre förvalen bredvid är 轻压缩 90 / 推荐 80 / 高压缩 60. Under det syns tydliga blockartefakter, därför är golvet 40.

”Längsta kanten” erbjuder ingen skalning / 3840 / 2560 / 1920 / 1280 och skalar bara ner: en källa under taket lämnas orörd och interpoleras aldrig uppåt. Med PNG valt slutar både kvalitetsreglaget och målstorleken att gälla — PNG är förlustfritt, så att styra det via storlek är meningslöst.

Hur målstorleken jagas

Med ett tak i kB går den först nerför kvalitetstrappan (upp till sex steg, ner till 30), sedan minskas dimensionerna i 25-procentssteg (upp till tre varv, aldrig under 320px). Först när inget av dem fungerar markeras raden ”ej nådd” — den påstår inte framgång.

Resultatet är aldrig sämre än originalet

Om inget skalades och kodningen blev större levereras originalfilen och markeras ”original behållet”. Den regeln gör att komprimering aldrig blir en nettoförlust, till priset av att vissa rader ser ut att inte ha gjort något.

Parametrar komprimerar inte om automatiskt

Att ändra kvalitet, storlek eller format ger bara en notis; resultaten på skärmen kommer fortfarande från de gamla parametrarna. Bekräfta och tryck ”Komprimera om”. Batch × flera pass är dyrt, och att räkna om vid varje reglagedrag skulle låsa huvudtråden.

Namngivning och jämförelse

Utdataamnen lägger till -min på originalet (med ny filändelse om formatet ändras); dubbletter i en batch får -2, -3, annars skulle senare ZIP-poster skriva över tidigare. Arkivet är compressed-images-20261024-1208.zip. Klicka på en rad för att öppna jämförelseljusbordet; avdelaren dras pix för pix, och ← / → byter bild.

Omkodning skriver bara pixlar, så EXIF (kamera, bländare, slutare, GPS) försvinner. Det är oftast det du vill, men om du arkiverar på EXIF, säkerhetskopiera originalen först.

Gränser

Tak för storlek, antal och dimensioner

• Ingen server — ingen uppladdningsadress och inget konto. Det ger integritet och offlinebruk; priset är att en omladdning rensar allt, resultaten lever bara i den här fliken.
• Nedskalning till 4096 px — konverteraren och smedjan skalar ner allt längre än 4096 före generering. Bilder under målet skalas ändå upp; det steget kan inte rädda dem.
• Canvasminne — att generera alla 11 storlekar på en gång på mobil kan hacka; färre val hjälper. Batchkomprimeringen tar högst 60 bilder per batch och 50.00 MB per fil.
• Formatgränser — att koda om en animerad GIF tappar animationen, SVG är vektor så rasterisering förvränger oundvikligen, och webbläsare kan inte avkoda HEIC. Batchkomprimeringen hoppar över alla tre och säger varför.
• Transparens hänger på formatet — transparent utdata finns bara som PNG; i JPEG fylls transparenta områden med den valda bakgrundsfärgen.

Felsökning

Kontrollera detta i ordning när ett resultat ser fel ut