Ölçü və DPI-ni ölç

Müasir çoxcihazlı hesablamada fiziki piksellər, təbii şəkil ölçüləri və CSS maket pikselləri arasındakı fərqi anlamaq vacibdir. Şəklin təbii ölçüləri onun binar faylında saxlanılan həqiqi 2D piksel məlumatı matrisini ifadə edir (məsələn, $1920 \times 1080$ piksel).

Lakin müasir yüksək DPI-lı ekranlar (Apple Retina ekranları, 4K monitorlar və müasir OLED smartfonlar kimi) 2x və ya 3x cihaz piksel nisbətlərindən (DPR) istifadə edir. Smartfonun görünüş sahəsi 390 CSS piksel enində ola bilər, lakin onun fiziki ekran matrisində 1170 aparat pikseli var. Tərtibatçılar şəkilləri standart brauzer görünüş sahələrində yoxladıqda CSS üslubu (`max-width: 100%`) tez-tez şəkli yenidən miqyaslayır və onun həqiqi rezolyusiyasını gizlədir. Alətimiz miqyaslanmamış binar metadatanı və xam bitmap buferlərini birbaşa yoxlayır və görünüş sahəsi təhrifindən azad dəqiq 1:1 aparat piksel ölçülərini bildirir.

Düzgün tərəflər nisbətlərini qorumaq şəklin çirkin dartılmasının, üfüqi sıxılmasının və maket sürüşmələrinin qarşısını alır. Riyazi baxımdan tərəflər nisbəti en ilə hündürlük arasındakı sadələşdirilmiş mütənasib əlaqəni ($W : H$) ifadə edir.

Alətimiz Ən Böyük Ortaq Böləni (ƏBOB) tapmaq üçün Evklid alqoritmindən istifadə edərək dəqiq tərəflər nisbətlərini hesablayır: $$\text{gcd}(a, b) = \begin{cases} a & \text{if } b = 0 \\ \text{gcd}(b, a \pmod b) & \text{otherwise} \end{cases}$$ Həm eni, həm də hündürlüyü onların ƏBOB-una bölmək sadələşdirilmiş nisbəti verir (məsələn, $1920 / 120 = 16$, $1080 / 120 = 9$, nəticədə $16:9$). Bundan əlavə, mühərrikimiz şəklinizi kəsr tolerantlığı daxilində standartlaşdırılmış sənaye nisbətləri (1:1 kvadrat, 16:9 geniş ekran, 9:16 şaquli story, 4:3 klassik, 3:2 fotoqrafiya, 21:9 ultrageniş) ilə müqayisə edir və şəklin standart yayım və rəqəmsal ekran formatlarına uyğun olub-olmadığını müəyyən edir.

Rəqəmsal şəklin özlüyündə heç bir fiziki ölçüsü yoxdur; onun yalnız piksel sayları var. Fiziki ölçülər yalnız həmin piksellər düym başına nöqtə (DPI) və ya düym başına piksel (PPI) ilə ölçülən konkret çap rezolyusiyasına xəritələndikdə yaranır:

$$\text{Physical Width (Inches)} = \frac{\text{Pixel Width}}{\text{DPI}}$$ Alətimiz standart kommersiya çap standartları üzrə fiziki çap ölçülərini düym, santimetr və millimetrlə avtomatik hesablayır: • 72 DPI (qaralama / ekran): Standart köhnə kompüter ekranı rezolyusiyası; fiziki kağız çapı üçün yararsızdır. • 150 DPI (yaxşı / rəqəmsal çap): Ofis sənədləri, sinif paylama materialları və bir neçə metr məsafədən baxılan iri formatlı açıq hava posterləri üçün qəbul ediləndir. • 300 DPI (əla / kommersiya ofset): Jurnal nəşriyyatı, marketinq broşürləri, vizit kartları və foto çapları üçün qızıl standart. Mühərrik şəklinizin standart kağız ölçüləri (ISO 216: A4, A3, A5; Şimali Amerika: US Letter, US Legal, Tabloid) ilə uyğunluğunu qiymətləndirir və faylınızın ülgüc kimi kəskin aydınlıqla çap olunacağını, yoxsa piksellənmiş bulanıqlıqdan əziyyət çəkəcəyini bildirir.

Ümumi fayl ölçülərindən əlavə, UI/UX dizaynerləri və frontend tərtibatçıları interfeys ekran görüntüsü daxilindəki konkret alt elementləri daim ölçməli olurlar: düymə daxilindəki padding, naviqasiya tabları arasındakı margin və ya ikonun ölçüləri.

Alətimiz interaktiv ölçmə kaliperləri və düzbucaqlı seçim alətləri təqdim edir: • Nöqtədən nöqtəyə ölçmə: İstənilən iki ixtiyari koordinat $(x_1, y_1)$ və $(x_2, y_2)$ arasında klikləyib sürükləyin. Alət Evklid məsafəsini ($d = \sqrt{\Delta x^2 + \Delta y^2}$), üfüqi deltanı ($\Delta x$), şaquli deltanı ($\Delta y$) və bucağı ($\theta = \arctan2(\Delta y, \Delta x)$) hesablayır. • Hüdud qutusu seçimi: İstənilən UI elementinin üzərində düzbucaqlı seçim çəkərək onun enini, hündürlüyünü, tərəflər nisbətini və ümumi piksel sahəsini dərhal yoxlayın, CSS ölçü fraqmentlərini (`width: ...px; height: ...px;`) bir kliklə kopyalayın.

Tək pikselli haşiyələri, tipoqrafiya hamarlaşdırmasını və rəng keçidlərini yoxlamaq həddindən artıq böyütmə tələb edir. Alətimiz kursorunuzu şəkil kətanı üzrə izləyən interaktiv 16x böyütmə lupası ilə təchiz olunub.

Lupa mərkəzi nişangah ilə yanaşı ayrı-ayrı piksel sərhədlərini vurğulayan böyüdülmüş, kəskin piksel şəbəkəsini göstərir. Real vaxtda diaqnostik panel dəqiq subpiksel $(X, Y)$ koordinatlarını, RGB rəng dəyərlərini (`rgb(r, g, b)`), HEX rəng kodlarını (`#RRGGBB`) və alfa şəffaflıq faizlərini bildirir. Bu, sadəcə rəng nümunələmək və ya haşiyə düzülüşünü yoxlamaq üçün Photoshop kimi ağır masaüstü qrafik paketlərini açmaq ehtiyacını aradan qaldırır.

Diskdəki fayl ölçüsü brauzer RAM-ındakı yaddaş izinə bərabər deyil. $8000 \times 6000$ piksel (48 meqapiksel) ölçüsündə aqressiv sıxılmış 500KB-lıq JPEG göstərilməzdən əvvəl sıxılmamış 32 bitlik RGBA bitmap yaddaşına açılmalıdır:

$$\text{RAM Footprint} = 8000 \times 6000 \times 4 \text{ bytes} = 192,000,000 \text{ bytes} \approx 183\text{ MB}$$ Belə şəkli zəif mobil cihazda dekodlamaq yaddaş çatışmazlığı (OOM) xətaları səbəbindən brauzer tabını dərhal çökdürə bilər. Alətimiz ümumi meqapiksel sayını, sıxılmamış RAM dekodlama tələblərini və rəng bit dərinliyini hesablayır və veb tərtibatçılarını mobil istifadəçilər üçün performans riski yaradan həddindən artıq böyük aktivlər barədə xəbərdar edir.

Mühəndislər, memarlar və məhsul dizaynerləri tez-tez xüsusi CAD sxemlərini, yayımlanmamış smartfon UI prototiplərini, patent diaqramlarını və məxfi memarlıq planlarını yoxlayırlar. Bu vizual faylları üçüncü tərəf onlayn ölçmə alətlərinə yükləmək qəbuledilməz korporativ məlumat təhlükəsizliyi və müəllif hüququ riskləri yaradır.

Ölçü və DPI-ni ölç alətimiz 100% veb brauzerinizdə yerli işləyir. HTML5 Canvas və brauzer tərəfli TypeScript üzərində qurulub; bütün şəkil dekodlaması, koordinat izlənməsi, triqonometrik məsafə hesablamaları və çap DPI çevirmələri ciddi şəkildə kompüterinizin RAM-ında baş verir. Heç bir fayl və ya şəkil şəbəkə üzərindən ötürülmür, bu da tam məxfiliyi və korporativ təhlükəsizlik auditlərinə tam uyğunluğu təmin edir.