CodeKitHubBu Araç Nedir?
Bir görsel bölücü, tek bir kaynak görseli eşit boyutlu küçük parçalardan oluşan bir ızgaraya böler; en yaygın olarak, tek bir geniş fotoğrafın veya illüstrasyonun, profil ızgarasında birlikte görüntülendiğinde orijinaline yeniden birleşen ayrı kare görseller dizisi olarak paylaşıldığı Instagram "ızgara düzeni" trendi için kullanılır.
Tekniğin kendisi basit bir geometridir — kaynak görselin genişliği ve yüksekliği sütun ve satır sayısına bölünür, ortaya çıkan her dikdörtgen kendi dosyası olarak kırpılır — ama bunu genel amaçlı bir fotoğraf düzenleyicide elle doğru yapmak, özellikle 3x3 veya daha büyük bir ızgarada bir parçadaki küçük bir hizalama hatasının tüm diziyi bozduğu durumlarda, zahmetli ve hataya açıktır.
Bu araç, ızgara sınırlarını görselin gerçek piksel boyutlarından hassas biçimde hesaplar ve her parçayı HTML5 Canvas API'sini kullanarak tamamen tarayıcınızda oluşturur; böylece her parça tam olarak hizalanır ve görselin kendisi hiçbir zaman cihazınızdan çıkmaz.
Neden Kullanmalısınız?
- Bir sanatçıya ısmarladığın panoramik bir illüstrasyonun var ve Instagram ızgarında etkileyici bir reveal yapmak istiyorsun — 3x3 olarak böl ve dokuz parçayı yayınlayarak eserin tamamını profilinde yeniden oluştur.
- Bir marka hesabı yönetiyorsun ve geniş bir promosyon banner'ını karusel olarak paylaşman gerekiyor: 1x4 onu dört ardışık panele böler, Photoshop'ta elle piksel ölçmene gerek kalmadan.
- Parçaları genel bir düzenleyicide elle kesmeyi denedin ve ızgara birkaç piksel kaymış çıktı — burada sınırlar dosyanın gerçek boyutlarına göre matematiksel hesaplanır, bu yüzden her parça bir sonrakiyle tam örtüşür.
- Bir sosyal medya müşterisine hazır bir parça seti teslim etmen gerekiyor: tüm ızgarayı üret ve dokuz ayrı dosyayı tek tek dışa aktarmak yerine hepsini tek ZIP'te indir.
- Paylaşmadan önce, konunun yüzünün tam olarak iki parça arasındaki kenarda kesilmediğinden emin olmak istiyorsun — önizleme, herhangi bir şey indirmeden önce son sonucu gösterir.
- Lansmandan önce gizli tutulan ürün fotoğraflarıyla çalışıyorsun: tüm kesim tarayıcıda Canvas ile yapılır, bu yüzden görsel lansman gününden önce hiçbir dış sunucuya yüklenmez.
Nasıl Kullanılır
- Cihazınızdan bir görsel seçmek için bırakma alanına tıklayın (veya sürükleyip bırakın).
- Açılır menüden bir ızgara boyutu seçin — 1x2, 1x3, 2x2, 3x3 veya 1x4.
- Kontrollerin hemen altında ortaya çıkan parçaları anında önizleyin.
- Her parçayı numaralandırılmış bir PNG dosyası olarak tek bir ZIP arşivinde almak için "Tümünü indir (ZIP)"e tıklayın.
Örnek
Giriş
1200×1200px kare bir fotoğraf, ızgara: 3x3Çıkış
her biri 400×400px olan 9 parça, tile-1.png ile tile-9.png arasıParçalar soldan sağa, yukarıdan aşağıya numaralandırılır — Instagram'a yükleyeceğiniz sırayla aynıdır (sağ alttaki parçadan başlayıp geriye doğru gidilerek; böylece yeni gönderiler yayınladıkça eski parçalar aşağı itilir ve ızgara doğru şekilde yeniden birleşir).
Yaygın ızgara boyutları ve kullanımları
Farklı ızgara boyutları farklı gönderi ve gösterim türlerine uyar.
| Izgara | Parça | Tipik kullanım |
|---|---|---|
| 1x2 | 2 | Basit önce/sonra veya iki bölümlü gösterim |
| 2x2 | 4 | Küçük kare gösterim, hızlıca paylaşılır |
| 1x3 | 3 | Üç ardışık gönderi boyunca tek bir sıra |
| 3x3 | 9 | Tam profil-ızgarası kaplaması — klasik Instagram ızgara düzeni |
| 1x4 | 4 | Dört gönderi boyunca sıralı olarak bölünmüş geniş bir panorama |
İlgili araçlar
Diğer yerel görsel düzenleme işlemleri için bu araçları deneyin.
→ Görsel Yeniden Boyutlandırıcı · Görsel Sıkıştırıcı · Görsel Kırpıcı
Paylaşmadan önce faydalı kontroller
- Kaynak görselin yüksek çözünürlüklü olduğundan emin ol (3x3 ızgara için kenar başına en az 1500px), yoksa Instagram yeniden sıkıştırdığında tek tek parçalar bulanık görünür.
- Parça kenarlarına yakın metin veya küçük grafik öğelerinden kaçın — ızgara görünümünde gönderiler arasında her zaman küçük bir görsel boşluk vardır ve sınırdaki detaylar kaybolabilir.
- Fotoğrafın ana öğesi (bir yüz, bir logo) tam olarak iki parça arasındaki sınıra denk geliyorsa, bölmeden önce görseli hafifçe kırpıp onu bir parçanın ortasına kaydırmayı düşün.
- Parçaları her zaman art arda, yakın bir zaman diliminde paylaş — aralarına başka gönderiler girerse ızgaradaki sıra bozulur.
Sıkça Sorulan Sorular
Instagram profil ızgarası için hangi ızgara boyutunu kullanmalıyım?
3x3 (9 parça), standart üç sütunlu Instagram profil görünümünü tam olarak bir kez doldurduğu için en yaygın seçimdir. 2x2 veya 1x3 bölme, tüm son ızgaranızı kaplamayan daha küçük bir gösterim için işe yarar.
Parçaları hangi sırayla paylaşmalıyım?
Instagram'ın ızgarası en yeni gönderileri önce (sol üstte) gösterdiği için, genellikle parçaları ters sırayla yayınlamanız gerekir — ızgaranızın sağ alt parçasından başlayıp sol üst parçayla bitirerek — böylece tüm parçalar yayınlandığında soldan sağa, yukarıdan aşağıya doğru düzgün okunur.
Görselin mükemmel bir kare olması gerekiyor mu?
Hayır, ama simetrik bir ızgara düzeni (3x3 gibi) için kare bir kaynak görsel, Instagram'ın kare ızgara gönderilerini kırpma şekliyle eşleşen kare parçalar verir. Kare olmayan bir görsel yine de eşit şekilde bölünür, sadece kare yerine dikdörtgen parçalara.
Parçalar hangi dosya biçiminde kaydediliyor?
Her parça, indirilen ZIP arşivi içinde bir PNG dosyası olarak dışa aktarılır; bu da kayıplı yeniden sıkıştırma olmadan kaliteyi korur.
Görselim herhangi bir yere yükleniyor mu?
Hayır. Görsel doğrudan tarayıcınıza okunur ve tamamen istemci tarafında Canvas API kullanılarak bölünür. Hiçbir şey bir sunucuya gönderilmez — ZIP dosyası da tarayıcınızda yerel olarak oluşturulur.
Bölme sonrası görselim neden hafif kırpılmış görünüyor?
Görselin genişliği veya yüksekliği sütun ya da satır sayısına tam bölünmüyorsa, araç parça sınırlarını en yakın tam piksele yuvarlar; bu da kenardan bir iki piksel kesilmesine neden olabilir. Tam olarak eşit bir ızgara için, boyutları zaten kenar başına parça sayısının katı olan görseller kullan.
Bu aracı Instagram dışındaki platformlarda ızgara gönderisi için kullanabilir miyim?
Evet — parçalar sıradan numaralandırılmış PNG dosyalarıdır, bu yüzden Pinterest galerileri, çoklu görselli Twitter/X iş parçacıkları veya çevrimiçi portföyler dahil, birleşen bir görsel dizisi paylaşmak istediğin her yerde işe yarar.
Parçaları yanlış sırayla paylaşırsam ne olur?
Sırayı düzeltene kadar ızgara karışık görünecektir — Instagram gönderileri otomatik olarak yeniden sıralamaz. Hata yaparsan tek çözüm, yanlış sırada paylaşılan gönderileri silip doğru sırayla yeniden paylaşmaktır.
Araç parçaları sıkıştırıp kalite kaybına mı neden oluyor?
Hayır, her parça kayıpsız bir biçim olan PNG olarak dışa aktarılır. Orijinal görsel zaten sıkıştırılmışsa (örneğin düşük kaliteli bir JPEG), bu sıkıştırma parçalarda görünür kalır, ama aracın kendisi ek bir kayıp eklemez.