Piksel Dönüştürücü

Piksel dönüştürücü nedir?

Piksel dönüştürücü, dijital pikseller ile gerçek dünya uzunluk birimleri (milimetre, santimetre, inç) arasında, seçtiğiniz herhangi bir DPI değerinde çeviri yapar. CSS pikselleri varsayılan olarak 96 DPI kabul eder, ancak baskı işleri 300 DPI kullanır ve fotoğraf baskısı 600 DPI'ya ulaşabilir — farklı DPI değerlerinde aynı piksel sayısı çok farklı fiziksel boyutlara karşılık gelir. Dört birimden herhangi birine bir değer girin, bağlamınıza uygun DPI hazır ayarını seçin ve diğer üç birim gerçek zamanlı olarak güncellensin. Her sonuç tek tıkla panoya kopyalanabilir.

Piksel dönüştürücü nasıl kullanılır

1. Dönüştürmek istediğiniz değeri giriş alanına yazın — örneğin, 100.
2. Değerinizin hangi birimde olduğunu seçin: piksel, milimetre, santimetre veya inç.
3. Bir DPI hazır ayarı seçin — web için 96 DPI, baskı için 300 DPI veya kendi DPI değerinizi girmek için "Özel" seçin.
4. Aşağıdaki sonuçlar panelinde diğer üç birim için dönüştürülmüş değerleri okuyun.
5. Herhangi bir sonucun yanındaki Kopyala'ya tıklayarak panonuza alın veya URL'yi paylaşın — girdiğiniz değer sorgu parametresi olarak korunur.

Piksel dönüştürücüyü kim kullanır

• Öğrenciler: Pikselden milimetreye dönüşümleri içeren matematik ve fizik ödevleri ile bilgisayar grafiği derslerindeki ekran çözünürlüğü alıştırmaları.
• Web ve UI tasarımcıları: Fiziksel mockup ölçümlerinden (mm) doğru referans DPI'da CSS piksellerine simge, dolgu ve bileşen boyutlandırma.
• Baskı tasarımcıları: Photoshop veya Figma piksel çıktılarını yazıcıya göndermeden önce 300 DPI'da milimetre ve inç'e dönüştürme.
• Fotoğrafçılar: Kamera çıktısından fiziksel baskı boyutlarını hesaplama (ör. 4000 × 3000 px, 300 DPI'da 13,3 × 10 inç olarak basılır).
• Geliştiriciler: CSS piksel değerlerini ürün veya erişilebilirlik şartnamelerinde belirtilen fiziksel boyutlara karşı doğrulama.

Neden bu dönüştürücü

• Dört birim de (piksel, milimetre, santimetre, inç) siz yazdıkça gerçek zamanlı güncellenir.
• Beş yerleşik DPI hazır ayarı yaygın durumları kapsar — 96 DPI web, 72 DPI Mac eski, baskı için 150/300/600 DPI.
• Standart dışı ekranlar (Retina, yüksek DPI monitörler) ve özel baskı iş akışları için özel DPI girişi.
• Paylaşılabilir URL — değeriniz, kaynak biriminiz ve DPI'niz sorgu parametreleri olarak korunur.
• %100 tarayıcı tabanlı: kayıt yok, sonuç panelinde reklam yok ve matematik açık kaynaktır.

Dönüştürücü ne kadar doğru?

Dönüştürücü, standart 25,4 milimetre/inç oranını ve belirttiğiniz DPI değerini IEEE 754 çift hassasiyetinde hesaplar. Sonuçlar float yuvarlama dahilinde tamdır (≤1×10⁻⁶ göreli hata). Gerçek dünyadaki tek hata kaynağı DPI değerinin kendisidir — ekranınız varsayılan DPI'da çalışmıyorsa, önce Screen Ruler aracıyla kalibre edin.

Sıkça sorulan sorular

Piksel nedir?

Piksel, dijital bir ekran veya görüntünün en küçük ayrık birimidir. Fiziksel boyutu sabit değildir — ekranın piksel yoğunluğuna (DPI) bağlıdır. 96 DPI'lık bir web ekranında, bir piksel tam olarak 1/96 inçtir (yaklaşık 0,265 mm); 300 DPI'lık bir baskıda ise bir piksel 1/300 inçtir (yaklaşık 0,085 mm).

DPI nedir ve neden önemlidir?

DPI (inç başına nokta), pikseller ile fiziksel uzunluk arasındaki dönüşüm faktörüdür. Aynı 100 px, 96 DPI'da 26,46 mm'ye, ancak 300 DPI'da yalnızca 8,47 mm'ye karşılık gelir. Dönüşümün fiziksel olarak anlamlı olması için hedef ortamın — ekran, baskı veya dışa aktarma — DPI değerini kullanmalısınız.

Pikselleri milimetreye nasıl dönüştürürüm?

İnç elde etmek için piksel sayısını DPI'ya bölün, ardından milimetre elde etmek için 25,4 ile çarpın: mm = (px / DPI) × 25,4. 96 DPI'da 100 px için: 100/96 × 25,4 ≈ 26,46 mm. Dönüştürücü bunu sizin için gerçek zamanlı yapar.

Web için 72 mi yoksa 96 DPI mı kullanmalıyım?

96 DPI kullanın. CSS, tarayıcılar ve işletim sistemleri 1990'larda inç başına 96 referans piksel üzerinde standartlaştı. 72 DPI değeri, erken Apple tipografisinden (bir piksel = bir matbaa puntosu) kalan bir mirastır ve yalnızca belirli Mac dönemi varlıkları için yararlıdır — modern web çalışmaları 96'yı varsayar.

Baskı için hangi DPI'yı kullanmalıyım?

Yüksek kaliteli dergi ve kitap baskısı için 300 DPI, taslak provalar ve büyük format işler için 150 DPI ve yalnızca fotoğraf baskıları, ince çizgi sanatı veya yoğun büyütme altındaki metinler için 600 DPI kullanın. Genel işler için 300 DPI'nın üzerine çıkmak, çoğu kağıtta görünür bir iyileşme olmadan dosya boyutunu artırır.

Retina/HiDPI dönüşümü nasıl etkiler?

Retina ve diğer HiDPI ekranlar, her CSS pikseli için iki veya üç fiziksel piksel oluşturur. Dönüştürücü varsayılan olarak CSS pikselleriyle çalışır, bu nedenle 96 DPI'da 100 CSS px değeri herhangi bir HiDPI ekran için doğrudur. Fiziksel piksel sayısına ihtiyacınız varsa, cihaz piksel oranıyla çarpın (tarayıcıda window.devicePixelRatio).

Web tasarımım neden 4K monitörde daha küçük görünüyor?

Çoğu işletim sistemi 4K monitörleri %150–200 ölçeklemede çalıştırır, bu da CSS piksellerini 1080p ekranla görsel olarak benzer tutar. Ölçekleme kapalıysa, aynı piksel sayısı daha az gerçek inç kapladığından tasarımınız fiziksel olarak daha küçük görünür. İşletim sistemi ayarlarından DPI ölçeklemesini ayarlayın veya sabit px yerine rem/yüzde birimlerini kullanın.

DPI derinlemesine — doğru sayıyı bir kez seç

Her piksel-uzunluk dönüşümü tek bir denklemdir: uzunluk = piksel ÷ DPI. Zor olan, çıktının yaşayacağı ortama uyan DPI'yı seçmek. Yanlış DPI hata vermez — sessizce matematiksel olarak doğru, fiziksel olarak yanlış bir sayı üretir. Aşağıdaki ön ayarlar gerçek işin %95'ini kapsar.

Web çalışması — her zaman 96 DPI

CSS, tarayıcılar ve işletim sistemleri 1990'ların sonunda inç başına 96 referans pikselde standartlaştı ve bu rakam o zamandan beri değişmedi. Her modern tarayıcı, fiziksel ekrandan bağımsız olarak 1 CSS pikseli 1/96 inç olarak kabul eder. Retina ve 4K monitörler daha yüksek fiziksel yoğunlukta render eder ama OS, CSS piksellerini 96 DPI referansına geri ölçekler, böylece hesabınız geçerli kalır. 72 DPI'yı eski miras say — yalnızca OS X öncesi Mac'lerden varlık çekiyorsanız önemlidir.

Baskı işi — 150, 300 veya 600 DPI

Çoğu dergi, kitap ve tüketici fotoğraf baskısı 300 DPI kullanır. İzleme mesafesinin çözünürlük kaybını gizlediği taslak provalar ve büyük format çalışmalar için 150 DPI'ya in; bu dosya boyutunu yarıya indirir ve bir metreden hâlâ keskin okunur. Yalnızca baskı yakından incelenecekse 600 DPI'ya çıkın — ince çizgi sanatı, teknik çizimler, parlak kağıttaki küçük metin. 600 DPI'nın üzerine çıkmak görünür kaliteyi neredeyse hiç iyileştirmez ve diski yer.

Retina ve HiDPI — CSS piksellerinde çalış

Retina ekran her CSS pikseli için iki veya üç fiziksel piksel render eder ama OS bunu kodunuzdan gizler. Layout matematiği için CSS piksellerine (96 DPI) sadık kalın. Gerçek fiziksel piksel sayısına ihtiyacınız varsa — örneğin her cihazda net görünmesi gereken bitmap varlıklar gönderirken — çalışma zamanında window.devicePixelRatio ile çarpın ve @2x veya @3x varyantlarını gönderin. Piksel dönüştürücü girdiyi varsayılan olarak CSS pikseli sayar; Custom DPI kutusunu yalnızca bilinen bir ekranın fiziksel piksel yoğunluğunu gerçekten ölçtüğünüzde işaretleyin.

Yaygın dönüşüm desenleri

Bazı piksel değerleri o kadar sık çıkar ki ezberlemeye değer. Aşağıdaki tablo, 100 px, 1000 px ve tipik bir Full HD genişliğin (1920 px) en yaygın dört DPI değerinde nasıl çevrildiğini gösterir.

Geliştiriciler için pratik ipuçları

Önce DevTools'da doğrula

Bir dönüşüme güvenmeden önce, konsola window.matchMedia('(min-resolution: 96dpi)').matches yazarak tarayıcının 96 referans DPI bildirdiğini onaylayın. Doğru yapılandırılmış bir sistemde bu true döner. False dönerse, OS ölçekleme veya yakınlaştırma seviyeniz varsayılan değildir ve dönüşümün ayarlanması gerekir.

Her zaman hedef DPI'da dışa aktar

Photoshop, Figma ve çoğu tasarım aracı varsayılan olarak tuval DPI'sında dışa aktarır. Dışa aktarmadan önce tuval DPI'sını hedef ortamınıza ayarlayın — 96 DPI tuvalini 300 DPI'da dışa aktarmak görüntüyü yukarı örneklemez; sadece meta verileri yeniden etiketler ve amaçlanan fiziksel boyutun üçte birinde basılır.

Ground truth için ekranı kalibre et

Çalışmanız fiziksel doğruluğa bağlıysa — elde tutulan bir nesneyi ekrana karşı ölçmek, bilinen kredi kartı genişliğine ikon boyutu vermek — önce Screen Ruler aracını açın ve gerçek bir kredi kartına karşı kalibre edin. Ekranınızın gerçek DPI'sı spesifikasyon sayfasına nadiren uyar; kalibrasyon dönüşümü fiziksel gerçekliğe sabitler.