Tasarımcılar İçin PNG Export Kontrol Listesi: Dosyayı Geliştiriciye Vermeden Önce

A PNG Export Checklist for Designers: Before You Hand the Asset to Development

Temiz bir handoff; ölçü, şeffaflık, renk, dosya adı, kenarlar ve PNG'nin gerçekten doğru teslim formatı olup olmadığını kontrol eder.

Temiz bir handoff; ölçü, şeffaflık, renk, dosya adı, kenarlar ve PNG'nin gerçekten doğru teslim formatı olup olmadığını kontrol eder.

Export'tan önce amacı doğrulayın

Varlığın nerede kullanılacağını, maksimum render boyutunu, şeffaflık gerekip gerekmediğini ve master mı teslim türevi mi olduğunu sorun. Hedef bilindiğinde export ayarları anlam kazanır.

Canvas sınırlarını inceleyin

Şeffaf boşluk kolay gözden kaçar ve görünür çizim doğru olsa bile hizalamayı bozabilir. Yalnız önizlemeye değil gerçek piksel ölçülerine ve bounding alana bakın.

Şeffaflığı zor arka planlarda test edin

Export'u beyaz, siyah ve doygun bir renk üzerinde görüntüleyin. Halo, unutulmuş matte rengi, yarı şeffaf kir ve tek tük pikseller daha kolay görünür.

Renk politikasını belirleyin

Normal web varlıklarında ekibin kabul ettiği renk uzayı sürecini kullanın ve anlamadığınız profilleri rastgele silmeyin. Marka varlıklarını yanındaki CSS veya design-system renkleriyle karşılaştırın.

Dosyayı 'final-final' diye adlandırmayın

Öngörülebilir adlandırma ve versiyonlama kopya varlıkları ve yanlış kullanımı azaltır. Build sistemi boyutları üretiyorsa kaynak-of-truth dosyayı teslim edin, türevleri pipeline tutarlı üretsin.

Son bir format kontrolü yapın

Şeffaflığı olmayan fotoğrafta PNG yanlış tercih olabilir. Keskin diyagram veya UI yakalamasında lossy fotoğraf formatı yanlış olabilir. Son soru şu olsun: bu format bu piksel yapısına uygun mu?

Kaynaklar ve teknik dayanak

Temel teknik kaynak: W3C Portable Network Graphics (PNG) Specification, Third Edition (2025). Web teslimiyle ilgili bölümlerde uygun yerlerde MDN responsive image dokümantasyonu da esas alınmıştır.

Okumaya devam et