Inspektor velikosti a rozměrů obrázku

Analyzujte přesnou pixelovou šířku a výšku, poměr stran, megapixely, nekomprimovanou RGBA paměťovou stopu, tiskové rozměry při 300 DPI a Zero-CLS HTML kód.

Bez nahráváníBez registraceDávkové zpracování
RozměryPoměr stranKalkulačka tiskové velikostiHTML tag s nulovým CLSExportovat CSV
Exportovat CSV
Offline engine je připraven100% soukromý pracovní prostor v prohlížeči • Žádné nahrávání do cloudu
100% soukromé • Žádné nahrávání souborů na server

Proč používat náš inspektor velikosti a rozměrů obrázku?

Navrženo od základu pro přísné soukromí, okamžité spuštění a nulové tření. Žádné předplatné, paywally ani registrace účtu.

Okamžitý audit pixelů, poměru a megapixelů

Získejte přesnou vnitřní šířku × výšku v pixelech, zjednodušený matematický poměr stran (např. 16:9, 4:3, 1:1), orientaci a celkový počet megapixelů.

Interaktivní kalkulačka tiskové velikosti

Přepínejte mezi palci (in), centimetry (cm) a milimetry (mm) a uvidíte přesné fyzické tiskové rozměry při 72, 150, 300 a 600 DPI.

Metriky dekódované GPU/RAM paměti a BPP

Porovnejte komprimovanou velikost souboru na disku s nekomprimovaným 32bitovým RGBA využitím paměti (šířka × výška × 4 bajty) a efektivitou komprese v bitech na pixel (BPP).

Zero-CLS HTML úryvek a dávkový CSV export

Zkopírujte produkčně připravené tagy <img> s vnitřními atributy width, height a CSS aspect-ratio, nebo exportujte auditní tabulku více obrázků jako CSV.

Utiliome vs tradiční cloudové alternativy

Porovnejte náš lokální WebAssembly engine s legacy cloudovými nástroji.

Funkce Utiliome (lokální prohlížeč) Legacy cloudové převodníky
Architektura kontroly 100% lokální dekódování v prohlížeči (okamžitý 0ms výpis, nula nahrání) Pomalý round-trip nahrání na server jen kvůli základním rozměrům
Kalkulačka tiskové velikosti a DPI Interaktivní kalkulačka 72 / 150 / 300 / 600 DPI v palcích, cm a mm Ukazují jen pixelovou šířku/výšku bez fyzických tiskových rozměrů
Diagnostika paměti a komprese Nekomprimovaná RGBA GPU/RAM stopa + efektivita bitů na pixel (BPP) Hlásí jen velikost souboru na disku; žádné metriky VRAM ani hustoty komprese
Vývojářský a dávkový export Generátor Zero-CLS HTML <img> úryvků + CSV audit více souborů Žádné generování HTML kódu ani dávkový export tabulky
Jak to funguje

Jak používat Inspektor velikosti a rozměrů obrázku ve 3 snadných krocích

Není nutná žádná instalace softwaru. Vše běží přímo ve vašem webovém prohlížeči.

1

Přetáhněte jeden nebo více obrázků

Přetáhněte soubory JPG, PNG, WebP, AVIF, GIF nebo SVG do dropzóny a okamžitě v prohlížeči analyzujte jejich geometrii.

2

Prohlédněte rozměry, využití RAM a tiskové DPI

Zkontrolujte přesné pixelové rozměry, poměr stran, dekódovanou RGBA paměťovou stopu a fyzické tiskové velikosti při 72, 150, 300 a 600 DPI.

3

Zkopírujte Zero-CLS HTML nebo exportujte dávkové CSV

Zkopírujte responzivní HTML úryvek <img> pro webový vývoj, nebo stáhněte kompletní JSON nebo CSV report všech nahraných obrázků.

Pixelové rozměry vs. velikost souboru vs. nekomprimovaná RGBA paměť

Rychlá odpověď: Obrázek má tři odlišné metriky velikosti: pixelové rozměry (vnitřní šířka × výška na obrazovce), komprimovaná velikost na disku (kilobajty nebo megabajty přenesené po síti) a nekomprimovaná RGBA paměť (šířka × výška × 4 bajty RAM/VRAM, které prohlížeč potřebuje k vykreslení dekódované bitmapy).

Designéři a vývojáři často zaměňují velikost souboru(KB/MB) srozměry obrázku(px) aruntime využitím paměti. Silně komprimovaný JPEG 4000×3000 px může na disku vážit jen 450 KB, ale po dekódování mobilním prohlížečem nebo GPU compositor se rozepne do 48 MB nekomprimované 32bitové RGBA bitmapy (4000 × 3000 × 4 bajty).

Náš inspektor velikosti obrázku počítá každou geometrickou i úložnou metriku současně:

Název metriky Matematický vzorec Praktický příklad (3840×2160 4K hero) Proč záleží na webu i tisku
Pixelové rozměry $\text{Width} \times \text{Height}$ (px) 3840 × 2160 px Určuje ostrost na Retina/4K displejích a rezervaci CSS layoutu
Poměr stran $\frac{W}{\gcd(W,H)} : \frac{H}{\gcd(W,H)}$ 16:9 (1.778:1) Zabraňuje neshodě ořezu v responzivních mřížkách a sociálních kartách
Megapixely (MP) $\frac{\text{Width} \times \text{Height}}{1,000,000}$ 8.29 MP Standardní benchmark rozlišení snímače fotoaparátu a tiskového detailu
Nekomprimovaná RGBA RAM $\text{Width} \times \text{Height} \times 4\text{ bytes}$ 31.64 MB (33,177,600 B) Vysoké MP obrázky mohou shodit záložky mobilního Safari, pokud dekódovaná RAM vyskočí
Bity na pixel (BPP) $\frac{\text{File Bytes} \times 8}{\text{Width} \times \text{Height}}$ 0.48 bpp (při velikosti souboru 500 KB) Měří efektivitu komprese; < 1.0 bpp indikuje moderní kódování WebP/AVIF

Pokud kontrola ukáže nadměrné pixelové rozměry nebo nafouklé BPP, soubor ihned optimalizujte nástroji Resize Image nebo Compress Image.

Jak vypočítat fyzickou tiskovou velikost z pixelů a DPI (72 vs. 300 DPI)

Rychlá odpověď: Pixelové rozměry převedete na fyzickou tiskovou velikost v palcích tak, že šířku a výšku v pixelech vydělíte cílovým Dots Per Inch (DPI): tiskové palce = pixely ÷ DPI. Pro centimetry vynásobte palce 2,54; pro milimetry vynásobte palce 25,4.

Digitální obrázky nemají inherentní fyzickou velikost v palcích nebo centimetrech, dokud nezadáte tiskové rozlišení v DPI (Dots Per Inch)neboPPI (Pixels Per Inch). I když hlavička metadat obrázku uvádí 72 DPI nebo 96 DPI, pouze celkový počet pixelů určí, jak ostře bude fyzický tisk vypadat:

  • 300 DPI (standard kvalitního tisku): Požadováno pro lesklé časopisy, fotoknihy, brožury a vizitky prohlížené na délku paže (12–18 palců). Standardní tisk fotky 4" × 6" při 300 DPI vyžaduje alespoň 1200 × 1800 px (2.16 MP).
  • 150 DPI (střední formát a plakáty): Ideální pro nástěnné plakáty, plátna a veletržní bannery prohlížené ze 3–6 stop.
  • 72 DPI (obrazovka a velké billboardy): Používá se u digitálních monitorů a velkého venkovního značení prohlíženého z 10+ stop.
  • 600 DPI (vysoce přesná kresba a výtvarné umění): Používá se u vysoce rozlišené typografie, lékařského zobrazování a archivních giclée tisků.

Interaktivní přepínač jednotek in / cm / mm v postranním panelu inspektoru použijte k ověření přesných tiskových rozměrů napříč všemi čtyřmi úrovněmi DPI bez ruční matematiky.

Prevence Cumulative Layout Shift (CLS) vnitřními HTML atributy

Rychlá odpověď: Google Core Web Vitals penalizují stránky, když se obrázky načtou bez rezervovaného místa v layoutu a text poskočí dolů (Cumulative Layout Shift). Na každý tag <img> vždy vložte explicitní atributy width, height a aspect-ratio, aby prohlížeče rezervovaly přesný bounding box ještě před stažením obrázku.

Jeden z nejrychlejších způsobů, jak dosáhnout skóre 0.000 Cumulative Layout Shift (CLS) v Google PageSpeed Insights a Lighthouse, je deklarovat vnitřní pixelové rozměry každého obrázku přímo v HTML markupu.

Když v nástroji prohlédnete libovolný obrázek, generátor Zero-CLS HTML úryvku sestaví tag připravený ke zkopírování na míru danému souboru:

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

Moderní prohlížeče použijí atributy width a height (spárované s CSS aspect-ratio) k výpočtu přesného poměru výšky k šířce, ještě než se stáhne jediný bajt obrázku. Potřebujete nejprve změnit poměr obrázku na 16:9, 4:3 nebo 1:1? Použijte nástroj Crop Image.

Dávkový audit rozměrů složky pomocí CSV a JSON reportů

Rychlá odpověď: Přetáhněte desítky produktových náhledů, ilustrací blogu nebo reklamních kreativ do inspektoru najednou, abyste auditovali pixelové rozměry vedle sebe a exportovali kompletní CSV tabulku s názvy souborů, formáty, velikostmi v bajtech, rozměry, poměry stran, megapixely a tiskovými velikostmi při 300 DPI.

Kontrola, zda 40 e-commerce produktových obrázků vyhovuje specifikaci marketplace 2000×2000 px (1:1) jeden po druhém, je pomalá a náchylná k chybám.

S více-souborovým inspektorem Utiliome:

  1. Dávkové nahrání: Přetáhněte celou složku obrázků do workspace.
  2. Okamžité přepínání záložek: Procházejte každý obrázek v horní liště záložek a odhalte nevyhovující poměry stran nebo příliš velké soubory.
  3. CSV export jedním kliknutím:Klikněte naStáhnout vše (CSV) a vygenerujte čistou tabulku se Filename, Format, File Size (Bytes), Width (px), Height (px), Aspect Ratio, Megapixels, Decoded RAM (Bytes) a Print 300 DPI (in) každého souboru. Potřebujete také zkontrolovat EXIF fotoaparátu nebo GPS tagy? Přepněte na Image Metadata Viewer.
FAQ

FAQ a technický návod Inspektor velikosti a rozměrů obrázku

Vše, co potřebujete vědět o používání bezplatného online Inspektor velikosti a rozměrů obrázku od Utiliome.

Jak zjistím přesné pixelové rozměry a poměr stran obrázku?

Přetáhněte obrázek do inspektoru velikosti. Okamžitě zobrazí vnitřní šířku × výšku v pixelech (např. 1920 × 1080 px), orientaci (Na šířku, Na výšku nebo Čtverec), zjednodušený matematický poměr stran (16:9) a desetinný poměr (1.78:1).

Kolik pixelů potřebuji pro ostrý tisk při 300 DPI?

Požadované tiskové rozměry v palcích vynásobte 300. Například tisk 8×10 palců při 300 DPI vyžaduje 2400 × 3000 pixelů (7.2 MP). Vestavěná kalkulačka tiskové velikosti automaticky ukáže přesnou tiskovou velikost obrázku při 72, 150, 300 a 600 DPI v palcích, centimetrech i milimetrech.

Proč je „Nekomprimovaná RGBA RAM“ mnohem větší než velikost souboru obrázku?

Formáty jako JPEG, WebP a AVIF pixely silně komprimují kvůli uložení na disk a přenosu po síti. K zobrazení na obrazovce však musí prohlížeč dekomprimovat každý pixel do 4 bajtů RAM/VRAM (Red, Green, Blue, Alpha). 500 KB 4K obrázek při vykreslení vyžaduje přes 31 MB živé paměti.

Co je Bits Per Pixel (BPP) a jaké skóre je dobré pro webové obrázky?

Bits Per Pixel (BPP) měří, kolik bitů komprimované velikosti souboru se použije na vykreslený pixel. Nekomprimované RGBA obrázky používají 32 bpp; dobře optimalizované webové JPEG obvykle spadají do 0,8 až 1,8 bpp; a moderní WebP nebo AVIF často dosahují ostré kvality při 0,3 až 0,8 bpp.

Mohu exportovat tabulku velikostí obrázků pro více souborů najednou?

Ano! Nahrajte více obrázků současně a klikněte na tlačítko „Stáhnout vše (CSV)“ v horní akční liště, abyste exportovali CSV tabulku s rozměry, velikostí v bajtech, poměrem stran, megapixely a tiskovými rozměry při 300 DPI každého obrázku.

Nahrávají se mé obrázky na cloudový server během kontroly?

Nikdy. Veškeré dekódování rozměrů, výpočty paměti i exporty CSV/JSON probíhají 100% lokálně uvnitř webového prohlížeče.