CodeKitHubCe este acest instrument?
Un divizor de imagini împarte o singură imagine sursă într-un grid de piese mai mici, de dimensiuni egale, cel mai frecvent pentru trendul de „layout grid” pe Instagram, unde o fotografie sau ilustrație lată este postată ca o secvență de imagini pătrate individuale, care se recompun în imaginea originală atunci când sunt privite împreună pe grilajul de profil.
Tehnica în sine e o geometrie simplă — lățimea și înălțimea imaginii sursă sunt împărțite fiecare la numărul de coloane și rânduri, iar fiecare dreptunghi rezultat este decupat ca fișier separat — dar realizarea manuală precisă într-un editor foto general este delicată și predispusă la erori, mai ales pentru un grid 3x3 sau mai mare, unde o mică dezalinare la o piesă strică întreaga secvență.
Acest instrument calculează precis marginile grilajului din dimensiunile reale în pixeli ale imaginii și randează fiecare piesă folosind API-ul HTML5 Canvas integral în browser, deci fiecare piesă se aliniază exact, iar imaginea nu părăsește niciodată dispozitivul tău.
De ce să-l folosești?
- Tocmai ai terminat o ilustrație sau fotografie lată pe care vrei să o dezvălui ca o preluare de grid 3x3 pe profilul tău Instagram, și ai nevoie ca toate cele nouă piese să fie decupate perfect, pixel cu pixel, ca liniile de îmbinare să se alinieze la derulare.
- Lansezi un produs și vrei un banner panoramic care să se desfășoare pe un carusel de patru postări, în loc să fie comprimat stângaci într-un singur cadru pătrat.
- Ai încercat o dată să împarți manual o imagine grid într-un editor foto general, piesele nu s-au aliniat perfect, și nu vrei să repeți greșeala pe un grid de 9 piese unde un decupaj greșit strică toată secvența.
- Ai nevoie ca toate cele nouă (sau patru, sau șase) piese să fie gata înainte să începi programarea postărilor, nu decupate una câte una între încărcări — descărcarea unui singur ZIP îți dă tot lotul deodată.
- Vrei să previzualizezi exact cum va arăta grid-ul asamblat înainte de a te decide asupra ordinii de postare, ca să prinzi o linie de decupaj stângace sau un subiect necentrat înainte să fie live pe profil.
- 100% local: imaginea ta este procesată integral în browser folosind Canvas și nu este niciodată încărcată pe un server.
Cum se folosește
- Apasă zona de plasare (sau trage și plasează) pentru a alege o imagine de pe dispozitivul tău.
- Alege o dimensiune de grid — 1x2, 1x3, 2x2, 3x3 sau 1x4 — din meniul derulant.
- Previzualizează instant piesele rezultate sub controale.
- Apasă „Descarcă tot (ZIP)” pentru a obține fiecare piesă ca fișier PNG numerotat, într-o singură arhivă ZIP.
Exemplu
Intrare
O fotografie pătrată de 1200×1200px, grid: 3x3Rezultat
9 piese de câte 400×400px, tile-1.png până la tile-9.pngPiesele sunt numerotate de la stânga la dreapta, de sus în jos — aceeași ordine în care le-ai încărca pe Instagram (începând de la piesa din dreapta-jos și mergând invers, ca pe măsură ce publici postări noi, piesele mai vechi să coboare și grid-ul să se recompună corect).
Dimensiuni comune de grid și utilizările lor
Dimensiuni diferite de grid se potrivesc unor tipuri diferite de postări și dezvăluiri.
| Grid | Piese | Utilizare tipică |
|---|---|---|
| 1x2 | 2 | Dezvăluire simplă înainte/după sau în două părți |
| 2x2 | 4 | Dezvăluire pătrată mică, rapid de postat |
| 1x3 | 3 | Un singur rând pe trei postări consecutive |
| 3x3 | 9 | Preluare completă a grilajului de profil — layout-ul clasic Instagram |
| 1x4 | 4 | O panoramă lată împărțită pe patru postări la rând |
Instrumente conexe
Pentru alte editări locale de imagini, încearcă aceste instrumente.
→ Redimensionare Imagine · Compresor de Imagini · Decupare Imagine
Obținerea unei dezvăluiri curate: sfaturi despre imaginea sursă
Divizarea în sine e matematică exactă, dar cât de bine arată grid-ul final depinde mult de imaginea sursă folosită — câteva obiceiuri înainte de încărcare economisesc multă frustrare ulterioară.
Pornește de la o imagine sursă pătrată (sau aproape pătrată) pentru un grid 3x3 sau 2x2, întrucât altfel Instagram însuși îți va decupa piesele la pătrat când le postezi, tăind potențial conținut pe care divizorul l-a păstrat. Ține detaliile importante ale subiectului departe de locurile unde vor cădea liniile grid-ului — o față sau un punct focal care ajunge exact pe o margine de piesă pare vizual „rupt”, chiar dacă decuparea e matematic perfectă. Și exportă la cea mai mare rezoluție disponibilă înainte de divizare; Instagram comprimă oricum la încărcare, deci pornirea de la o imagine sursă mai mare dă fiecărei piese individuale mai multe detalii care să supraviețuiască acelei compresii decât pornirea de la o imagine deja dimensionată pentru o singură postare.
Întrebări frecvente
Ce dimensiune de grid ar trebui să folosesc pentru grilajul de profil Instagram?
3x3 (9 piese) este cea mai comună alegere, întrucât umple exact o dată vizualizarea standard cu trei coloane a profilului Instagram. O divizare 2x2 sau 1x3 funcționează pentru o dezvăluire mai mică, care nu preia întreaga grilă recentă.
În ce ordine ar trebui să postez piesele?
Deoarece grilajul Instagram afișează cele mai noi postări primele (sus-stânga), în general trebuie să publici piesele în ordine inversă — începând cu piesa din dreapta-jos a grid-ului tău și terminând cu cea din stânga-sus — astfel încât, până când toate piesele sunt postate, să se citească corect de la stânga la dreapta, de sus în jos.
Imaginea trebuie să fie pătrată perfect?
Nu, dar pentru un layout grid simetric (precum 3x3), o imagine sursă pătrată dă piese pătrate, ceea ce se potrivește cu modul în care Instagram decupează postările grid pătrate. O imagine nepătrată se va împărți la fel de uniform, doar în piese dreptunghiulare, nu pătrate.
În ce format sunt salvate piesele?
Fiecare piesă este exportată ca fișier PNG în arhiva ZIP descărcată, ceea ce păstrează calitatea fără recompresie cu pierderi.
Imaginea mea este încărcată undeva?
Nu. Imaginea este citită direct în browser și împărțită folosind API-ul Canvas integral pe partea de client. Nimic nu este trimis către un server — fișierul ZIP este de asemenea asamblat local, în browser.
Divizarea va pierde calitate față de imaginea originală?
Nu are loc nicio recompresie dincolo de pasul de export — fiecare piesă este decupată direct din datele de pixeli ale imaginii sursă și exportată ca PNG, un format fără pierderi, deci singura schimbare de calitate vine din compresia proprie de încărcare a Instagram, aceeași care se aplică oricărei fotografii pe care o postezi acolo.
Dimensiunile imaginii mele sursă nu se împart perfect la grid — ce se întâmplă cu pixelii rămași?
Instrumentul calculează marginile pieselor din lățimea și înălțimea reale ale imaginii, împărțite la numărul de coloane și rânduri, deci orice rest este distribuit între marginile pieselor, nu decupat complet — nu vei pierde o fâșie din imagine, dar piesele pot diferi cu un pixel sau doi în dimensiune atunci când dimensiunile nu se împart perfect.
Pot folosi o divizare grid pentru altceva decât Instagram, precum un banner de site sau un poster tipărit?
Da — operația de bază este pur și simplu decuparea unei imagini în piese egale, ceea ce funcționează pentru orice caz de utilizare care necesită o imagine mare descompusă în bucăți, inclusiv un layout tipărit cu mai multe panouri, un banner hero de site cu piese sau panouri pentru un perete foto fizic. Trendul de grid Instagram e pur și simplu cel mai comun motiv pentru care oamenii apelează la acest instrument specific.
De ce instrumentul numerotează piesele de la stânga la dreapta, de sus în jos, în loc de ordinea reală de postare pe Instagram?
Numerotarea urmează ordinea naturală de citire pentru claritate și referință ușoară când te uiți la previzualizare, nu ordinea inversă în care ai încărca de fapt — întrucât grilajul Instagram arată cele mai noi postări primele, va trebui să postezi începând cu piesa cu numărul cel mai mare (dreapta-jos) și să mergi înapoi până la piesa 1, ca grid-ul finalizat să se citească corect odată ce toate piesele sunt live.