Welke grootte moet een afbeelding hebben voor Instagram?
De vier Instagram-vormen die het waard zijn om op te richten, waarom elke vorm 1080 pixels breed is en wat je moet aanpassen in je export voordat het platform het opnieuw codeert.
Instagram heeft vier vormen die het waard zijn om op te richten, en onze resizer levert elke vorm als een knop: Vierkante Post op 1080x1080, Portret Post op 1080x1350, Verhaal / Reel op 1080x1920 en Landschap op 1080x566. Kijk naar wat ze gemeen hebben. Alle vier zijn 1080 pixels breed. Dat is het meest nuttige getal om vast te houden voordat je iets exporteert, omdat het is waar het platform niet meer om je extra pixels geeft.
De rest hiervan gaat over de pixels die je niet nodig hebt. Een 3840x2160 foto is meer dan drie keer zo breed als 1080, dus Instagram hermonteert het en codeert het opnieuw met instellingen die je nooit te zien krijgt. Je hebt nog steeds controle over waar het mee begint. Hieronder zie je hoe we de export zouden instellen in onze eigen tools, met de getallen die we hebben gemeten tijdens het gebruik.
Wat zijn de vier Instagram afbeeldingsformaten?
Dit zijn de presets precies zoals ze zijn gedefinieerd in de code van de resizer. De verhoudingen zijn gewoon de delingen, gedaan voor jou.
| Preset | Pixels | Aspect ratio | Waar het terechtkomt |
|---|---|---|---|
| Vierkante Post | 1080 x 1080 | 1:1 | Feed |
| Portret Post | 1080 x 1350 | 4:5 | Feed, de hoogste die de feed accepteert |
| Verhaal / Reel | 1080 x 1920 | 9:16 | Verhalen en Reels |
| Landschap | 1080 x 566 | ongeveer 1,91:1 | Feed, de breedste die de feed accepteert |
Twee rijen verdienen een tweede blik. Drie van de 15 sociale presets van de resizer komen op dezelfde 1080x1920 box terecht, aangezien Instagram Verhaal / Reel, Facebook Verhaal en TikTok Video Cover identieke doelen zijn, dus één export dekt alle drie. En Landschap is geen rond getal omdat 1,91:1 niet netjes in hele pixels deelt. 566 is de eerlijke afronding van 1080 gedeeld door 1,91.
Waarom is 1080 pixels breed de limiet?
Omdat dat is wat de feed serveert. Meta's Content Publishing-documentatie legt de regels voor afbeeldingsformaten in de feed uit, en ze zijn smal: JPEG, maximaal 8 MB, aspect ratio ergens tussen 4:5 en 1,91:1. Alles breder dan de weergavebreedte wordt op hun machines verkleind met hun filter en zonder preview voor jou. Het aanbieden van een bestand van 3840 pixels breed levert geen scherpte op bij 1080. Doe de verkleining lokaal en je kunt het bekijken voordat iemand anders dat doet. Onze resizer vraagt de browser rechtstreeks om de doelformaat via createImageBitmap met resizeQuality ingesteld op hoog, en schakelt over naar een canvas drawImage pass wanneer er een uitsnede bij betrokken is.
Moet ik croppen naar 4:5 of verkleinen naar 1080x1350?
Beide, in die volgorde. Eerst kaderen, dan exacte pixels. Onze cropper neemt één bestand tegelijk tot 10 MB en biedt acht aspect presets: vrij, 1:1, 4:3, 3:2, 16:9, 9:16, 3:4 en 2:3. Er is geen 4:5 knop, dus typ 4 en 5 in het aangepaste W:H veld. Er is ook geen pixelbreedte of hoogte-invoer ergens in de cropper, wat precies de reden is waarom de tweede stap bestaat. Elke uitsnede codeert lossy formaten opnieuw met een vaste kwaliteit van 92, en een GIF komt eruit als een enkele-frame PNG.
Stuur de uitsnede dan naar de resizer en druk op de Instagram preset die je wilt. De fit-modus bepaalt wat er daarna gebeurt. Cover schaalt de afbeelding totdat deze de doelgrootte vult en centreert de overtollige delen, wat daadwerkelijk een exacte 1080x1350 produceert. Stretch dwingt de box en vervormt. Contain is degene die mensen verrast, omdat het het canvas verkleint tot wat erin past, zodat je geen padding-balken en geen 1080x1350 krijgt. Een eigenaardigheid die we opzettelijk hebben gebouwd: de "niet vergroten" bescherming wordt genegeerd wanneer je een sociale preset kiest, aangezien het beperken van elke as tot de originele bestanden die niet aan een platform-specificatie voldeden, heeft opgeleverd.
Wat recomprimeert Instagram, en wat kan ik controleren?
Het codeert opnieuw. Wat je kunt controleren is de invoer. Onze resizer schrijft PNG zonder verlies en codeert alles wat anders is standaard opnieuw met kwaliteit 90, dus een JPEG die voor de feed is bedoeld krijgt één zorgvuldige pass van jou en één van hen. Houd je pass genereus. Transparantie is de andere val, omdat JPEG geen alpha channel in enige modus draagt, dus een PNG met een doorzichtig achtergrond zal door iets worden afgevlakt. Onze PNG naar JPG converter plaatst het op wit, wat je tenminste in staat stelt om het resultaat te controleren voordat het wordt verzonden. Geanimeerde bronnen komen uit de resizer als een enkele stilstaand frame, en het vertelt je wanneer frames zijn weggelaten.
Moet ik comprimeren voordat ik upload?
Meestal niet voor de grootte. Een 1080x1350 export is al klein. Er is een betere reden om een pass uit te voeren: onze compressor verwijdert alle metadata onderweg, inclusief EXIF, GPS-coördinaten, het ICC-profiel en de ingesloten thumbnail. Oriëntatie overleeft, zodat niets zijwaarts aankomt. Op ons testbestand texture.jpg, 3840x2160 en 538,6 KB, gaf de slimme modus 286,1 KB terug, een vermindering van 47%. De schuifregelaar op 60 gaf 212,4 KB en 30 gaf 131 KB met schade die je kunt zien. Slimme modus is kwaliteit 80 voor JPEG, gecodeerd met MozJPEG. Eén vangst: wanneer de bron al een JPEG is, vermenigvuldigen we je schuifregelaar met de kwaliteit die is afgelezen uit de kwantisatietabellen, dus een bron van kwaliteit 60 plus een schuifregelaar van 80 komt uit op 48. WebP en AVIF zijn de kleinere formaten voor een website. Geen van beide helpt voor een Instagram-upload, en als een andere vorm je aan een harde byte-limiet houdt, is de gemeten ladder van 538,6 KB naar 131 KB degene die je moet lezen.
Mijn foto is slechts 400 pixels breed. Wat nu?
Dan is 1080 een opschaling, en een gewone verkleining zal er zacht uitzien, wat het hele verschil is tussen een resizer en een upscaler. Onze upscaler draait Real-ESRGAN realesr-general-x4v3 in de browser. Op small.png, 400x269 en 177,1 KB, produceerde de 2x optie 800x538 bij 782,8 KB en de 4x optie produceerde 1600x1076 bij 2,7 MB. Alleen de 4x run haalt 1080 op de lange rand, wat je nodig hebt voordat je naar Landschap verkleint op 1080x566. Het model zelf produceert alleen 4x, dus onze 2x optie draait het en verkleint het resultaat daarna. Met WebGPU beschikbaar accepteert het 32 megapixels invoer, en zonder het ongeveer 1,1 MP. De uitvoer is altijd PNG. Verwacht dus een zwaar bestand op weg naar een licht bestand.
Verlaat dit iets mijn computer?
Nee. Er zijn geen API-routes en geen serveracties in deze codebase, en de enige netwerkverzoeken zijn same-origin-assets. Elke concurrent in deze ruimte uploadt je foto naar een server, en belooft deze een uur of twee later te verwijderen. De onze verzendt het nooit ergens naartoe. Dat is ook waar de limieten vandaan komen, aangezien je eigen apparaat het werk doet: 10 bestanden en 50 MB per batch voor de compressor, resizer, converter en background remover; één bestand tegelijk tot 10 MB voor de cropper en icon generator; één bestand voor de upscaler. Onze privacy pagina zegt hetzelfde in minder woorden.
Doe dit nu. Open de resizer, drop de foto erin, kies Instagram Portret Post 1080x1350, laat fit op cover en kwaliteit op 90, en download dan. Als de center crop iemands hoofd heeft afgesneden, gebruik dan eerst de cropper met een aangepast 4:5 ratio en kom terug. Als het bestand nog GPS-coördinaten bevat die je liever niet publiceert, eindig dan met een slimme modus pass door de compressor.