Inspector de dimensiune și mărime a imaginii

Analizează lățimea și înălțimea exacte în pixeli, raportul de aspect, megapixelii, amprenta RGBA necomprimată, dimensiunile de tipar la 300 DPI și codul HTML Zero-CLS.

Fără încărcăriFără contProcesare în lot
DimensiuniRaport de aspectCalculator mărime de tiparEtichetă HTML fără CLSExportă CSV
Exportă CSV
Motorul offline e gataSpațiu de lucru 100% privat, în browser • Zero încărcări în cloud
100% privat • Zero încărcări de fișiere pe server

De ce să folosești inspectorul de dimensiune și mărime a imaginii?

Construit de la zero pentru confidențialitate strictă, execuție instant și zero fricțiune. Fără abonamente, paywall-uri sau conturi.

Audit instant de pixeli, raport și megapixeli

Primești lățimea × înălțimea intrinsecă în pixeli, raportul de aspect simplificat (de exemplu 16:9, 4:3, 1:1), orientarea și totalul de megapixeli.

Calculator interactiv de mărime de tipar

Comută între inchi (in), centimetri (cm) și milimetri (mm) ca să vezi dimensiunea fizică exactă la 72, 150, 300 și 600 DPI.

Memorie GPU/RAM decodată și metrici BPP

Compară mărimea comprimată de pe disc cu utilizarea RGBA pe 32 de biți, necomprimată (lățime × înălțime × 4 octeți), și eficiența în Bits Per Pixel (BPP).

Snippet HTML Zero-CLS și export CSV în batch

Copiază etichete <img> gata de producție, cu lățime, înălțime și aspect-ratio CSS, sau exportă un audit multi-imagine ca CSV.

Utiliome față de alternativele cloud clasice

Compară motorul nostru local WebAssembly cu uneltele cloud vechi.

Funcție Utiliome (browser local) Convertoare cloud clasice
Arhitectura inspecției Decodare 100% locală în browser (citire instant 0 ms, zero încărcări) Dus-întors lent de upload pe server doar ca să citească dimensiunile de bază
Calculator de tipar și DPI Calculator interactiv 72 / 150 / 300 / 600 DPI în inchi, cm și mm Arată doar lățimea și înălțimea în pixeli, fără dimensiuni fizice de tipar
Diagnostic de memorie și compresie Amprentă RGBA GPU/RAM necomprimată + eficiență Bits Per Pixel (BPP) Raportează doar mărimea de pe disc; fără metrici VRAM sau densitate de compresie
Export pentru dezvoltatori și batch Generator de snippet HTML <img> Zero-CLS + export CSV multi-fișier Fără generare de cod HTML sau export de spreadsheet în batch
Cum funcționează

Cum folosești Inspector de dimensiune și mărime a imaginii în 3 pași simpli

Nu trebuie să instalezi niciun program. Totul rulează direct în browser.

1

Lasă una sau mai multe imagini

Trage fișiere JPG, PNG, WebP, AVIF, GIF sau SVG în zonă ca să le analizezi geometria instant, în browser.

2

Inspectează dimensiuni, RAM și DPI de tipar

Verifică pixelii exacți, raportul de aspect, amprenta RGBA decodată și mărimile fizice de tipar la 72, 150, 300 și 600 DPI.

3

Copiază HTML Zero-CLS sau exportă CSV

Copiază snippet-ul HTML <img> responsive pentru dezvoltare web sau descarcă un raport JSON ori CSV pentru toate imaginile încărcate.

Dimensiuni în pixeli, mărime de fișier și memorie RGBA necomprimată

Răspuns rapid: O imagine are trei metrici distincte: dimensiuni în pixeli (lățime × înălțime pe ecran), mărime comprimată pe disc (kiloocteți sau megaocteți transferați) și memorie RGBA necomprimată (lățime × înălțime × 4 octeți de RAM/VRAM ca browserul să randeze bitmap-ul decodat).

Designerii și dezvoltatorii confundă adesea mărimea fișierului(KB/MB) cudimensiunile imaginii(px) și cumemoria la rulare. Un JPEG 4000×3000 px puternic comprimat poate cântări 450 KB pe disc, dar după decodare într-un browser mobil sau un compositor GPU se extinde într-un bitmap RGBA pe 32 de biți de 48 MB (4000 × 3000 × 4 bytes).

Inspectorul de dimensiune imagine calculează simultan fiecare metrică geometrică și de stocare:

Nume metrică Formulă Exemplu real (hero 4K 3840×2160) De ce contează pentru web și tipar
Dimensiuni în pixeli $\text{Width} \times \text{Height}$ (px) 3840 × 2160 px Claritatea pe ecrane Retina/4K și rezervarea layout-ului CSS
Raport de aspect $\frac{W}{\gcd(W,H)} : \frac{H}{\gcd(W,H)}$ 16:9 (1.778:1) Evită decuparea greșită în grile responsive și carduri sociale
Megapixeli (MP) $\frac{\text{Width} \times \text{Height}}{1,000,000}$ 8.29 MP Reper pentru rezoluția senzorului și detaliul de tipar
RAM RGBA necomprimat $\text{Width} \times \text{Height} \times 4\text{ bytes}$ 31.64 MB (33,177,600 B) Imaginile cu MP mari pot închide tab-uri Safari mobile dacă RAM-ul decodat crește brusc
Bits Per Pixel (BPP) $\frac{\text{File Bytes} \times 8}{\text{Width} \times \text{Height}}$ 0.48 bpp (la fișier de 500 KB) Măsoară eficiența compresiei; < 1.0 bpp indică codare WebP/AVIF modernă

Dacă inspecția arată dimensiuni excesive sau BPP umflat, optimizează imediat cu Redimensionare imagine sau Compresie imagine.

Cum calculezi mărimea fizică de tipar din pixeli și DPI (72 față de 300 DPI)

Răspuns rapid: Ca să convertești pixelii în mărime fizică în inchi, împarte lățimea și înălțimea la Dots Per Inch (DPI) țintă: inchi de tipar = pixeli ÷ DPI. Pentru centimetri, înmulțește inchi cu 2,54; pentru milimetri, cu 25,4.

Imaginile digitale nu au o mărime fizică inerentă în inchi sau centimetri până nu specifici o rezoluție de tipar în DPI (Dots Per Inch)sauPPI (Pixels Per Inch). Chiar dacă headerul de metadate spune 72 DPI sau 96 DPI, doar numărul total de pixeli determină cât de clar va arăta tiparul:

  • 300 DPI (standard de tipar fin): Pentru reviste glossy, albume foto, broșuri și cărți de vizită privite de la lungimea brațului (12–18 inches). O fotografie standard 4" × 6" la 300 DPI cere cel puțin 1200 × 1800 px (2.16 MP).
  • 150 DPI (format mediu și postere): Potrivit pentru postere de perete, canvas și bannere de târg, privite de la 3–6 feet.
  • 72 DPI (ecran și panouri mari): Pentru monitoare digitale și semnalistică outdoor privită de la 10+ feet.
  • 600 DPI (linie fină și artă de precizie): Pentru tipografie de rezoluție înaltă, imagistică medicală și printuri giclée de arhivă.

Folosește comutatorul in / cm / mm din bara laterală ca să verifici dimensiunile exacte pe toate cele patru niveluri DPI, fără calcule manuale.

Cum eviți Cumulative Layout Shift (CLS) cu atribute HTML intrinseci

Răspuns rapid: Core Web Vitals penalizează paginile când imaginile se încarcă fără spațiu rezervat și textul sare în jos (Cumulative Layout Shift). Pune width, height și aspect-ratio explicit pe fiecare etichetă <img>, ca browserul să rezerve chenarul înainte de descărcare.

Una dintre cele mai rapide căi către un scor 0.000 Cumulative Layout Shift (CLS) în Google PageSpeed Insights și Lighthouse este să declari dimensiunile intrinseci în pixeli direct în markup-ul HTML.

Când inspectezi o imagine, generatorul Zero-CLS HTML Snippet construiește o etichetă gata de copiat, potrivită fișierului:

<img
  src="hero-banner.webp"
  width="1920"
  height="1080"
  style="aspect-ratio: 16 / 9; width: 100%; height: auto;"
  loading="lazy"
  decoding="async"
  alt=""
/>

Browserele moderne folosesc atributele width și height (împreună cu CSS aspect-ratio) ca să calculeze raportul înălțime-lățime înainte ca un singur octet al imaginii să termine descărcarea. Vrei mai întâi raportul 16:9, 4:3 sau 1:1? Folosește Decupare imagine.

Audit în batch al unui folder, cu rapoarte CSV și JSON

Răspuns rapid: Lasă zeci de thumbnail-uri de produs, ilustrații de blog sau creative de reclamă ca să le auditezi dimensiunile în paralel și să exporți un CSV cu nume de fișier, formate, octeți, dimensiuni, rapoarte, megapixeli și mărimi de tipar la 300 DPI.

Verificarea pe rând a 40 de imagini de produs e-commerce față de specificația 2000×2000 px (1:1) a unui marketplace este lentă și predispusă la erori.

Cu inspectorul multi-fișier de la Utiliome:

  1. Upload în batch: Lasă un folder întreg de imagini în spațiul de lucru.
  2. Comutare instant de tab: Parcurge fiecare imagine din bara de sus ca să vezi rapoarte neconforme sau fișiere prea mari.
  3. Export CSV dintr-un clic:ApasăDownload All (CSV) ca să generezi un spreadsheet cu Filename, Format, File Size (Bytes), Width (px), Height (px), Aspect Ratio, Megapixels, Decoded RAM (Bytes) și Print 300 DPI (in) pentru fiecare fișier. Vrei și etichete EXIF sau GPS? Treci la Vizualizatorul de metadate imagine.
Întrebări

Întrebări frecvente și ghid tehnic: Inspector de dimensiune și mărime a imaginii

Tot ce trebuie să știi ca să folosești gratuit Inspector de dimensiune și mărime a imaginii de la Utiliome.

Cum aflu dimensiunile exacte în pixeli și raportul de aspect?

Lasă imaginea în inspectorul de mărime. Afișează imediat lățimea × înălțimea intrinsecă în pixeli (de exemplu 1920 × 1080 px), orientarea (Landscape, Portrait sau Square), raportul matematic simplificat (16:9) și raportul zecimal (1.78:1).

Câți pixeli îmi trebuie pentru un tipar clar la 300 DPI?

Înmulțește dimensiunile dorite în inchi cu 300. De exemplu, un tipar de 8×10 inchi la 300 DPI cere 2400 × 3000 pixeli (7,2 MP). Calculatorul de tipar arată automat mărimea exactă la 72, 150, 300 și 600 DPI, în inchi, centimetri și milimetri.

De ce „Uncompressed RGBA RAM” este mult mai mare decât mărimea fișierului?

Formatele JPEG, WebP și AVIF comprimă pixelii puternic pentru disc și rețea. Ca să afișeze imaginea, browserul trebuie să decomprime fiecare pixel în 4 octeți de RAM/VRAM (Red, Green, Blue, Alpha). O imagine 4K de 500 KB cere peste 31 MB de memorie live la randare.

Ce este Bits Per Pixel (BPP) și ce scor este bun pentru imagini web?

Bits Per Pixel (BPP) măsoară câți biți din fișierul comprimat revin fiecărui pixel randat. Imaginile RGBA necomprimate folosesc 32 bpp; JPEG-urile web bine optimizate stau de obicei între 0,8 și 1,8 bpp; WebP sau AVIF modern ajung adesea la calitate clară la 0,3–0,8 bpp.

Pot exporta un spreadsheet cu mărimile mai multor fișiere deodată?

Da. Încarcă mai multe imagini simultan și apasă „Download All (CSV)” în bara de acțiuni ca să exporți un tabel CSV cu dimensiuni, octeți, raport de aspect, megapixeli și dimensiuni de tipar la 300 DPI.

Imaginile sunt încărcate pe un server cloud în timpul inspecției?

Niciodată. Decodarea dimensiunilor, calculele de memorie și exporturile CSV/JSON se fac 100% local, în browser.