Ce dimensiune ar trebui să aibă o imagine pentru Instagram?
Cele patru forme Instagram demne de țintit, de ce fiecare dintre ele are 1080 de pixeli lățime și ce trebuie să corectezi în exportul tău înainte ca platforma să o re-encodeze.
Instagram are patru forme demne de țintit, iar redimensionatorul nostru le oferă pe toate ca butoane: Postare pătrată la 1080x1080, Postare portret la 1080x1350, Poveste / Reel la 1080x1920 și Peisaj la 1080x566. Uită-te la ce au în comun. Toate patru au 1080 de pixeli lățime. Acesta este cel mai util număr de reținut înainte de a exporta orice, pentru că aici platforma nu mai ține cont de pixeli tăi suplimentari.
Restul acestuia se referă la pixeli de care nu ai nevoie. O fotografie de 3840x2160 este de mai mult de trei ori mai lată decât 1080, așa că Instagram o re-samplează și o re-encodează cu setări pe care nu le vezi niciodată. Tu controlezi în continuare de la ce începe. Mai jos este cum am seta exportul în propriile noastre instrumente, cu numerele pe care le-am măsurat în timpul utilizării acestora.
Care sunt cele patru dimensiuni ale imaginilor Instagram?
Acestea sunt presetările exact așa cum sunt definite în codul redimensionatorului. Raporturile sunt doar diviziunile, făcute pentru tine.
| Presetare | Pixeli | Raport de aspect | Unde ajunge |
|---|---|---|---|
| Postare pătrată | 1080 x 1080 | 1:1 | Feed |
| Postare portret | 1080 x 1350 | 4:5 | Feed, cea mai înaltă pe care o acceptă feed-ul |
| Poveste / Reel | 1080 x 1920 | 9:16 | Povești și Reels |
| Peisaj | 1080 x 566 | aproximativ 1.91:1 | Feed, cea mai lată pe care o acceptă feed-ul |
Două rânduri merită o a doua privire. Trei dintre cele 15 presetări sociale ale redimensionatorului ajung pe aceeași cutie de 1080x1920, deoarece Poveste / Reel Instagram, Poveste Facebook și Coperta Video TikTok sunt ținte identice, așa că un export acoperă toate cele trei. Și Peisaj nu este un număr rotund pentru că 1.91:1 nu se împarte în pixeli întregi curat. 566 este rotunjirea onestă a 1080 împărțit la 1.91.
De ce 1080 de pixeli lățime este limita?
Pentru că aceasta este ceea ce servește feed-ul. Documentația Publicării de Conținut Meta detaliază regulile imaginilor din feed, iar acestea sunt stricte: JPEG, maxim 8 MB, raport de aspect undeva între 4:5 și 1.91:1. Orice mai lat decât lățimea de afișare este redimensionat pe mașinile lor cu filtrul lor și fără previzualizare pentru tine. Predarea unui fișier de 3840 de pixeli lățime nu va aduce claritate la 1080. Fă redimensionarea local și vei putea să te uiți la ea înainte ca altcineva să o facă. Redimensionatorul nostru cere browserului dimensiunea țintă direct prin createImageBitmap cu resizeQuality setat pe înalt, și trece la un canvas drawImage atunci când este implicat un crop.
Ar trebui să fac crop la 4:5 sau să redimensionez la 1080x1350?
Ambele, în această ordine. Cadrarea mai întâi, pixeli exacți mai târziu. Decupatorul nostru ia un fișier pe rând, până la 10 MB și oferă opt presetări de aspect: liber, 1:1, 4:3, 3:2, 16:9, 9:16, 3:4 și 2:3. Nu există buton 4:5, așa că introdu 4 și 5 în câmpul personalizat W:H. Nu există niciun input pentru lățimea sau înălțimea pixelilor în decupator, ceea ce este exact motivul pentru care există pasul doi. Fiecare crop re-encodează formatele cu pierderi la o calitate fixă de 92, iar un GIF iese din el ca un PNG cu un singur cadru.
Apoi trimite crop-ul la redimensionator și apasă presetarea Instagram pe care o dorești. Modul de adaptare decide ce se întâmplă în continuare. Acoperirea scalează imaginea până când umple ținta și decupează centrul surplusului, ceea ce produce de fapt un 1080x1350 exact. Stretch forțează cutia și distorsionează. Contain este cel care surprinde oamenii, pentru că micșorează canvasul la orice s-a potrivit în interior, așa că nu obții bare de padding și nici 1080x1350. O particularitate pe care am construit-o intenționat: protecția „nu mări” este ignorată atunci când alegi o presetare socială, deoarece limitarea fiecărui ax la fișierele originale a produs fișiere care nu se potriveau deloc cu specificațiile platformei.
Ce re-comprimă Instagram și ce pot controla?
Re-encodează. Ce controlezi este inputul. Redimensionatorul nostru scrie PNG fără pierderi și re-encodează tot restul la o calitate de 90 în mod implicit, așa că un JPEG destinat feed-ului primește o trecere atentă de la tine și una de la ei. Păstrează-ți trecerea generoasă. Transparența este cealaltă capcană, pentru că JPEG nu conține canal alpha în niciun mod, așa că un PNG cu un fundal transparent va fi aplatizat de ceva. Converterul nostru PNG în JPG îl matizează pe alb, ceea ce cel puțin îți permite să verifici rezultatul înainte de a fi trimis. Sursele animate ies din redimensionator ca un singur cadru static și îți spune când cadrele au fost pierdute.
Trebuie să comprimi înainte de a încărca?
De obicei nu pentru dimensiune. Un export de 1080x1350 este deja mic. Există un motiv mai bun pentru a rula o trecere: compresorul nostru elimină toate metadatele pe parcurs, inclusiv EXIF, coordonatele GPS, profilul ICC și miniatura încorporată. Orientarea supraviețuiește, așa că nimic nu ajunge pe orizontală. Pe fișierul nostru de test texture.jpg, 3840x2160 și 538.6 KB, modul inteligent a returnat 286.1 KB, o reducere de 47%. Sliderul la 60 a dat 212.4 KB și 30 a dat 131 KB cu daune vizibile. Modul inteligent este calitate 80 pentru JPEG, codificat cu MozJPEG. O capcană: când sursa este deja un JPEG, multiplicăm sliderul tău cu calitatea citită din tabelele sale de cuantizare, așa că o sursă de calitate 60 plus un slider de 80 ajunge la 48. WebP și AVIF sunt formatele mai mici pentru un site web. Niciunul nu ajută pentru o încărcare pe Instagram, iar dacă o altă formă te ține la o limită strictă de byte, scara măsurată de la 538.6 KB la 131 KB este cea pe care trebuie să o citești.
Fotografia mea are doar 400 de pixeli lățime. Ce fac acum?
Atunci 1080 este o mărire, iar un redimensionare simplu va arăta moale, ceea ce este întreaga diferență dintre un redimensionator și un upscaler. Upscalerul nostru rulează Real-ESRGAN realesr-general-x4v3 în browser. Pe small.png, 400x269 și 177.1 KB, opțiunea 2x a produs 800x538 la 782.8 KB, iar opțiunea 4x a produs 1600x1076 la 2.7 MB. Numai rularea 4x depășește 1080 pe marginea lungă, ceea ce este ceea ce ai nevoie înainte de a face downscale în Peisaj la 1080x566. Modelul în sine produce doar 4x, așa că opțiunea noastră 2x îl rulează și micșorează rezultatul ulterior. Cu WebGPU disponibil, acceptă 32 de megapixeli de input, iar fără el aproximativ 1.1 MP. Iesirea este întotdeauna PNG. Așadar, așteaptă un fișier greu pe drumul către unul ușor.
Asta părăsește computerul meu?
Nu. Nu există rute API și nu există acțiuni pe server în acest cod, iar singurele cereri de rețea sunt active de aceeași origine. Fiecare competitor în acest domeniu îți încarcă fotografia pe un server, apoi promite să o șteargă o oră sau două mai târziu. Al nostru nu o trimite niciodată nicăieri. Asta este și de unde vin limitele, deoarece propriul tău dispozitiv face munca: 10 fișiere și 50 MB pe lot pentru compresor, redimensionator, convertor și eliminator de fundal; un fișier pe rând la 10 MB pentru decupator și generatorul de iconi; un fișier pentru upscaler. Pagina noastră de confidențialitate spune același lucru în cuvinte mai puține.
Fă asta acum. Deschide redimensionatorul, aruncă fotografia, alege Postarea portret Instagram 1080x1350, lasă modul de adaptare pe acoperire și calitatea la 90, apoi descarcă. Dacă crop-ul central a tăiat capul cuiva, rulează mai întâi decupatorul cu un raport personalizat de 4:5 și revino. Dacă fișierul încă are coordonate GPS pe care nu ai vrea să le publici, termină cu o trecere în modul inteligent prin compresor.