Piksel Sanatı Oluşturucu: online piksel sanatı çiz
Bir ızgara seç, bir renge dokun ve piksel piksel çiz – fare, parmak veya kalemle. Bitti mi? 1 ile 32 kat arasında büyütülmüş, şeffaf arka planlı PNG olarak kaydet. Her şey tarayıcında gerçekleşir, hiçbir şey yüklenmez.
Nasıl hesaplanır?
Piksel sanatı, her bir pikselin bilinçli olarak yerleştirildiği bir grafik türüdür – 8 ve 16 bit dönemi oyunlarından bilinir, ama günümüzde de simgeler, emojiler, spriteler, avatarlar ve kanaviçe şablonları için popülerdir. Bu Piksel Sanatı Oluşturucu, doğrudan tarayıcıda çalışan sade bir editördür: hesap yok, kurulum yok, dosya yüklemesi yok.
Nasıl çalışır
- Bir ızgara boyutu seç: mini simgeler için 8 × 8, klasik spriteler için 16 × 16 veya 32 × 32, daha detaylı motifler için 64 × 64’e kadar. Değiştirdiğinde sol üstteki içerik korunur.
- Paletten bir renk seç ya da renk alanından özel bir renk belirle.
- Çiz: kalem piksel yerleştirir, silgi onları tekrar şeffaf yapar, boya kovası bağlantılı aynı renkteki bir alanı boyar, damlalık resimden bir rengi alır, çizgi ise başlangıç ve bitiş noktası arasında düz bir piksel çizgisi çizer.
- Simetrik çizmek için aynalamayı aç – karakterler, yüzler ve simgeler için ideal. Kırmızı çizgi ayna eksenini gösterir.
- PNG olarak indir: bir büyütme oranı seç (1×’ten 32×’e) ve kaydet. Boyanmamış pikseller şeffaf kalır.
Neden büyütülmüş dışa aktarmalı?
16 × 16’lık bir görsel orijinal boyutunda minicik kalır. Sonradan bir görsel programında büyütürsen genelde bulanıklaşır. Buradaki dışa aktarma her pikseli tam bir bloğa büyütür (ör. 16×’te 16 × 16) – kenarlar keskin ve net kalır. Kendisi ölçekleyen oyun motorları için 1× al; sosyal medya, sunumlar veya baskı için 16× ya da 32× daha uygundur.
Teknik ve dürüst sınırlar
- Tek katmanlı bir görsel – çoklu katman, animasyon (GIF/sprite sheet) veya mevcut görsel içe aktarma yok.
- Boya kovası yalnızca yatay ve dikey bağlı pikselleri doldurur (çapraz boşluklar onu durdurur); çizgi klasik Bresenham algoritmasını kullanır.
- Sayfa açık kaldığı sürece geri al 100 adıma kadar geriye gider.
- En büyük çıktı 64 × 32 = kenar başına 2048 pikseldir.
Gizlilik
Çizim tarayıcında oluşur ve orada kalır – gönderileceği bir sunucu yoktur. Hiçbir şeyin kaybolmaması için editör, çalışmanı bu tarayıcının yerel deposunda hatırlar (localStorage, anahtar pixelart:v1). “Hepsini sil” bunu kaldırır; alternatif olarak tarayıcında site verilerini temizleyebilirsin.
Devam etmek için: favicon oluşturucu, piksel motifini bir site simgesine dönüştürür, Resim boyutu değiştirme PNG’yi belirli ölçülere uyarlar, ve renk paleti oluşturucu uyumlu tonlar sunar. Vektör grafikleri SVG’den PNG’ye ile dönüştürürsün.
Sıkça sorulan sorular
Online piksel sanatı nasıl oluştururum?
Bir ızgara boyutu seç (ör. 16 × 16), bir renge dokun ve kalemle piksel yerleştir. Boya kovası alanları doldurur, çizgi aracı düz kenarlar çizer. Sonunda “PNG olarak indir”e tıkla.
Piksel Sanatı Oluşturucu ücretsiz mi?
Evet, üyelik yok, filigran yok ve indirme sınırı yok. Bitmiş görsel sana ait.
Piksel sanatı için hangi boyut iyidir?
16 × 16 ve 32 × 32, oyun karakterleri ve simgeler için klasiktir. 8 × 8 çok basit şekiller gerektirir, 64 × 64 detaya izin verir ama çok daha fazla zaman alır. Başlangıç için 16 × 16 idealdir.
Piksel sanatını şeffaf arka planla nasıl kaydederim?
Boyanmamış tüm pikseller şeffaftır (dama deseni). PNG dışa aktarma bu şeffaflığı otomatik olarak korur. Silinen pikseller de tekrar şeffaf hâle gelir.
Piksel sanatını bulanıklaşmadan nasıl büyütürüm?
İndirmeden önce bir büyütme oranı seç (32×’e kadar). Her piksel bulanıklaşmadan tam bir renk bloğu olur. Başka programlarda sonradan ölçeklerken yalnızca “en yakın komşu” veya “piksel tekrarı” kullan.
Sayfayı kapatırsam çizimim kaybolur mu?
Hayır. Çalışman bu tarayıcının yerel deposunda otomatik olarak hatırlanır ve bir sonraki ziyaretinde, aynı cihaz ve tarayıcıda geri yüklenir. Gizli modda tarayıcı bunu engelleyebilir.
Editör telefon ve tablette çalışır mı?
Evet. Parmakla veya bir kalemle çizersin; çizim alanı bu sırada kaymaz. 48 × 48 veya 64 × 64’te ince işler için daha büyük bir ekran daha rahattır.
Animasyon veya sprite sheet oluşturabilir miyim?
Hayır, editör tek bir görsel oluşturur. Bir animasyonun birden fazla aşamasını art arda çizip ayrı ayrı dışa aktarabilir ve bir animasyon programında birleştirebilirsin.
Kaynaklar ve yasal dayanak
- W3C – Pointer Events Level 3 (Maus, Touch und Stift)
- W3C – Portable Network Graphics (PNG) Specification (Alphakanal/Transparenz)
- MDN – CanvasRenderingContext2D: putImageData()
- MDN – CSS image-rendering: pixelated
- J. E. Bresenham (1965): Algorithm for computer control of a digital plotter, IBM Systems Journal 4(1)
Güncelleme:
Benzer araçlar
- Favicon oluşturma: resimden, metinden veya emojidenResimden, harflerden veya emojiden favicon oluşturma: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest ve HTML kodu. Yükleme yok.
- SVG’yi PNG’ye çevirinSVG PNG çevirme tarayıcınızda: boyutu piksel veya ölçek katsayısı olarak ayarlayın, şeffaf ya da renkli arka plan seçin, 20 dosyaya kadar ZIP olarak indirin.
- Renk paleti oluşturucuRenk paleti oluşturucu: tek bir ana renkten uyumlu renkler bulun – tamamlayıcı, analog, üçlü, kare, ayrık tamamlayıcı, tek renkli; HEX, RGB, HSL kodlarıyla.
- Resim boyutu değiştirmeResim boyutu değiştirme: fotoğrafları piksel veya yüzdeyle yeniden boyutlandırın, oranı koruyun veya kırpın; Instagram ve YouTube şablonları. Yükleme yok.
- Fotoğrafa filigran eklemeFotoğrafa online filigran ekleme: yazı veya logo, opaklık, döndürme, 9 konum ya da döşeme. Tek seferde 20 görsel, ZIP indirme, yükleme yok. Ücretsiz.
- HEIC’i JPG’ye çevirinHEIC dosyalarını ücretsiz olarak JPG’ye çevirin: doğrudan tarayıcıda, yükleme ve uygulama olmadan. Tek seferde 20 fotoğraf, JPG veya PNG, ZIP ile indirin.