Çözünürlük & DPI Ölç

Modern çok cihazlı bilgi işlemde fiziksel pikseller, doğal görsel boyutları ve CSS yerleşim pikselleri arasındaki farkı anlamak esastır. Bir görselin doğal boyutları, ikili dosyasında depolanan gerçek 2 boyutlu piksel verisi matrisini temsil eder (örneğin $1920 \times 1080$ piksel).

Ancak modern yüksek DPI ekranlar (Apple Retina ekranlar, 4K monitörler ve modern OLED akıllı telefonlar gibi), 2x veya 3x cihaz piksel oranları (DPR) kullanır. Bir akıllı telefon görünüm alanı (viewport) 390 CSS pikseli genişliğinde olabilir, ancak fiziksel ekran matrisi 1170 donanım pikseli içerir. Geliştiriciler görselleri standart tarayıcı görünüm alanlarında incelediğinde, CSS stilleri (`max-width: 100%`) genellikle görseli yeniden ölçeklendirerek gerçek çözünürlüğünü gizler. Aracımız, ölçeklenmemiş ikili meta verileri ve ham bit eşlem arabelleklerini doğrudan inceleyerek görünüm alanı bozulmalarından arındırılmış tam 1:1 donanım pikseli boyutlarını raporlar.

Uygun en-boy oranlarını korumak, hoş olmayan görsel esnemelerini, yatay ezilmeleri ve düzen kaymalarını önler. Matematiksel olarak bir en-boy oranı, genişlik ve yükseklik arasındaki basitleştirilmiş orantısal ilişkiyi temsil eder ($W : H$).

Aracımız En Büyük Ortak Böleni (EBOB) bulmak için Öklid algoritmasını kullanarak kesin en-boy oranlarını hesaplar: $$\text{ebob}(a, b) = \begin{cases} a & b = 0 \text{ ise} \\ \text{ebob}(b, a \pmod b) & \text{aksi halde} \end{cases}$$ Hem genişliği hem de yüksekliği EBOB'larına bölmek basitleştirilmiş oranı verir (örneğin $1920 / 120 = 16$, $1080 / 120 = 9$, bu da $16:9$ sonucunu verir). Ayrıca motorumuz, görselinizi kesirli bir tolerans dahilinde standartlaştırılmış sektör oranlarıyla (1:1 Kare, 16:9 Geniş Ekran, 9:16 Dikey Hikaye, 4:3 Klasik, 3:2 Fotoğrafçılık, 21:9 Ultra Geniş) karşılaştırarak bir görselin standart yayın ve dijital ekran biçimleriyle eşleşip eşleşmediğini tanımlar.

Dijital bir görsel kendi başına hiçbir fiziksel boyuta sahip değildir; yalnızca piksel sayılarına sahiptir. Fiziksel boyutlar ancak bu pikseller İnç Başına Nokta (DPI) veya İnç Başına Piksel (PPI) ile ölçülen belirli bir baskı çözünürlüğüne eşlendiğinde ortaya çıkar:

$$\text{Fiziksel Genişlik (İnç)} = \frac{\text{Piksel Genişliği}}{\text{DPI}}$$ Aracımız standart ticari baskı standartlarında fiziksel baskı boyutlarını inç, santimetre ve milimetre cinsinden otomatik olarak hesaplar: • 72 DPI (Taslak / Ekran): Standart eski bilgisayar ekranı çözünürlüğü; fiziksel kağıt baskısı için uygun değildir. • 150 DPI (İyi / Dijital Baskı): Ofis belgeleri, sınıf el ilanları ve birkaç metre uzaktan bakılan büyük formatlı dış mekan posterleri için kabul edilebilir. • 300 DPI (Mükemmel / Ticari Ofset): Dergi yayıncılığı, pazarlama broşürleri, kartvizitler ve fotoğraf baskıları için altın standarttır. Motor, görselinizin standart kağıt boyutlarıyla (ISO 216: A4, A3, A5; Kuzey Amerika: US Letter, US Legal, Tabloid) uyumluluğunu değerlendirerek dosyanızın jilet gibi netlikte mi basılacağını yoksa pikselli bir bulanıklıktan mı muzdarip olacağını bildirir.

Genel dosya boyutlarının ötesinde, UI/UX tasarımcıları ve ön yüz geliştiricileri bir arayüz ekran görüntüsü içindeki belirli alt öğeleri sürekli olarak ölçmek zorundadır: bir butonun içindeki dolgu (padding), gezinme sekmeleri arasındaki kenar boşluğu (margin) veya bir simgenin boyutları.

Aracımız etkileşimli ölçüm kumpasları ve dikdörtgen seçim araçları sunar: • Noktadan Noktaya Ölçüm: Herhangi iki rastgele koordinat $(x_1, y_1)$ ve $(x_2, y_2)$ arasında tıklayıp sürükleyin. Araç Öklid mesafesini ($d = \sqrt{\Delta x^2 + \Delta y^2}$), yatay farkı ($\Delta x$), dikey farkı ($\Delta y$) ve açıyı ($\theta = \arctan2(\Delta y, \Delta x)$) hesaplar. • Sınırlayıcı Kutu Seçimi: Genişliğini, yüksekliğini, en-boy oranını ve toplam piksel alanını anında incelemek için herhangi bir UI öğesi üzerine dikdörtgen bir seçim alanı sürükleyin ve tek tıklamayla CSS boyut kod parçacıklarını (`width: ...px; height: ...px;`) kopyalayın.

Tek piksellik kenarlıkları, tipografi kenar yumuşatmasını ve renk geçişlerini incelemek aşırı büyütme gerektirir. Aracımız, imlecinizi görsel tuvali boyunca izleyen etkileşimli bir 16x büyütme büyütecine sahiptir.

Büyüteç, bir merkez artı göstergesiyle birlikte tek tek piksel sınırlarını vurgulayan büyütülmüş, net bir piksel ızgarası görüntüler. Gerçek zamanlı tanısal gösterge paneli (HUD); kesin piksel altı $(X, Y)$ koordinatlarını, RGB renk değerlerini (`rgb(r, g, b)`), HEX renk kodlarını (`#RRGGBB`) ve alfa şeffaflık yüzdelerini raporlar. Bu, yalnızca bir rengi örneklemek veya bir kenarlık hizalamasını doğrulamak için Photoshop gibi ağır masaüstü grafik paketlerini açma zorunluluğunu ortadan kaldırır.

Diskteki dosya boyutu, tarayıcı RAM'indeki bellek ayak izine eşit değildir. $8000 \times 6000$ piksel (48 Megapiksel) boyutunda agresif bir şekilde sıkıştırılmış 500 KB'lık bir JPEG, görüntülenmeden önce bellekte sıkıştırılmamış 32 bitlik RGBA bit eşlemine açılmalıdır:

$$\text{RAM Ayak İzi} = 8000 \times 6000 \times 4 \text{ bayt} = 192.000.000 \text{ bayt} \approx 183\text{ MB}$$ Böyle bir görselin kodunu düşük kaliteli bir mobil cihazda çözmek, bellek yetersizliği (OOM) hataları nedeniyle tarayıcı sekmesini anında çökertebilir. Aracımız toplam Megapikseli, sıkıştırılmamış RAM kod çözme gereksinimlerini ve renk bit derinliğini hesaplayarak web geliştiricilerini mobil kullanıcılar için performans riski oluşturan aşırı büyük varlıklara karşı uyarır.

Mühendisler, mimarlar ve ürün tasarımcıları; özel CAD şemalarını, henüz yayımlanmamış akıllı telefon kullanıcı arayüzü prototiplerini, patent diyagramlarını ve gizli mimari kat planlarını sıklıkla inceler. Bu görsel dosyaları üçüncü taraf çevrimiçi ölçüm araçlarına yüklemek kabul edilemez kurumsal veri güvenliği ve telif hakkı tehlikeleri yaratır.

Görsel Boyutu ve Ölçüm Aracımız tamamen web tarayıcınızın içinde %100 yerel olarak çalışır. HTML5 Canvas ve istemci tarafı TypeScript üzerine inşa edilen tüm görsel kod çözme, koordinat takibi, trigonometrik mesafe hesaplamaları ve baskı DPI dönüştürme işlemleri kesinlikle bilgisayarınızın RAM belleğinde gerçekleşir. Ağ üzerinden hiçbir dosya veya görsel iletilmez; bu da eksiksiz gizlilik ve kurumsal güvenlik denetimlerine tam uyum sağlar.