Jak funguje změna velikosti obrázku v prohlížeči?
Rychlá odpověď: Utiliome dekóduje zdrojový snímek do lokální RAM prohlížeče, alokuje povrch HTML5 Canvas 2D v přesné cílové šířce a výšce a pixelovou mřížku převzorkuje hardwarově akcelerovanou bikubickou interpolací — bez nahrávání na server.
Každý digitální rastrový obrázek je pevná dvourozměrná mřížka pixelů (například 12megapixelová fotka z telefonu má 4000 × 3000 pixelů). Když 4000pixelovou fotografii vložíte do kontejneru stránky širokého jen 800 pixelů, prohlížeč návštěvníka stejně musí stáhnout všech 12 milionů pixelů, než ji na obrazovce zmenší.
Utiliome skutečnou pixelovou matici převzorkuje lokálně v kartě prohlížeče:
- Kvalitní kroková interpolace: S
imageSmoothingQuality = 'high' na 2D kontextu HTML5 Canvas se sousední hodnoty pixelů hladce zprůměrují, takže zmenšená typografie, portréty i hrany produktů zůstanou ostré.
- Proporcionální zámek poměru stran: Když je aktivní Lock Ratio, Utiliome zachová přesný poměr šířky k výšce (
Height = Width ÷ AspectRatio) a zabrání deformaci.
- Okamžité lokální překódování: Exportujte v původním formátu, nebo za běhu převeďte na
WebP, JPG nebo PNG.
Matice standardních pixelových rozměrů webu, sociálních sítí a e-commerce
Rychlá odpověď: Použijte 1920×1080 px pro hero bannery Full HD, 1200×630 px pro náhledy Open Graph u blogů, 1080×1080 px pro čtvercové příspěvky, 1080×1350 px pro svislé feedy a 2000×2000 px pro přibližovatelné produktové fotky v e-commerce.
Sladění pixelových rozměrů snímku s přesným zobrazovacím kontejnerem zabrání posunům layoutu a zbytečné šířce pásma. Při změně velikosti aktiv pro web a sociální platformy použijte referenční tabulku:
| Použití / platforma |
Cílové rozměry (px) |
Poměr stran |
Doporučený formát |
Typická váha souboru |
| Hero Full HD webu / náhled YouTube |
1920 × 1080 px |
16:9 |
WebP nebo JPG |
150 KB – 320 KB |
| Open Graph (OG) / karta článku blogu |
1200 × 630 px |
1.91:1 |
WebP nebo JPG |
80 KB – 160 KB |
| Čtvercový příspěvek Instagram / LinkedIn |
1080 × 1080 px |
1:1 |
JPG nebo PNG |
120 KB – 250 KB |
| Svislý feed Instagram / Facebook |
1080 × 1350 px |
4:5 |
JPG |
140 KB – 280 KB |
| Stories, Reels a obálka TikTok |
1080 × 1920 px |
9:16 |
JPG nebo WebP |
180 KB – 350 KB |
| Přiblížení produktu Amazon / Shopify |
2000 × 2000 px |
1:1 |
JPG (bílý podklad) |
250 KB – 450 KB |
Potřebujete změnit tvar fotky (například landscape 16:9 na čtverec 1:1 bez natažení objektu)? Nejdřív ji zarovnejte nástrojem Crop Image a teprve poté měňte velikost.
Zmenšování vs. zvětšování rastrových snímků: jak se vyhnout pixelizaci
Rychlá odpověď: Zmenšování (snížení šířky a výšky v pixelech) slučuje existující pixelová data, hrany zůstanou ostré a velikost souboru klesne až o 80 %. Zvětšení malého rastru roztáhne existující pixely na větší mřížku — k enlargování grafiky v nízkém rozlišení použijte AI upscaler.
Pochopení interpolace pixelů pomůže získat co nejostřejší výstup:
- Zmenšování (např.
4000×3000 → 1200×900 nebo 50%): Snížení rozměrů o 50 % sníží celkový počet pixelů o 75 % (z 12 megapixelů na 3), dramaticky klesne velikost v bajtech a detail zůstane ostrý.
- Zvětšování (např.
300×200 → 1200×800): Standardní převzorkování na plátně interpoluje mezi existujícími pixely, což při zvětšení nad 120 % může změkčit ostré hrany. Potřebujete-li v malé nebo rozmazané fotce rekonstruovat detail, použijte AI Image Upscaler.
Chcete zachovat přesné současné pixelové rozměry a zmenšit jen váhu souboru v KB nebo MB? Použijte dedicated nástroj Compress Image.
Dávková změna velikosti: rozměry po kartách vs. synchronizace katalogu na 1 klik
Rychlá odpověď: Utiliome zapouzdří nastavení změny velikosti na kartě každého snímku, takže jednotlivé grafiky mají vlastní rozměry — nebo klikněte na „Použít rozměry na všechny obrázky“ a celou produktovou složku proporcionálně zmenšíte jedním kliknutím.
Při přípravě aktiv k spuštění webu nebo produktového katalogu často mícháte landscape bannery, svislé portréty a čtvercové náhledy. Vícekartový workspace Utiliome podporuje individuální i hromadný workflow:
- Zapouzdřená nastavení po kartách: Každá karta nahraného snímku si pamatuje vlastní režim změny velikosti (
By Pixels vs. By Percentage), cílovou šířku/výšku, stav zámku poměru stran a výstupní formát.
- Proporcionální globální synchronizace: Klikněte na Apply dimensions to all images v režimu Percentage (např.
50%) nebo Aspect-Locked Width (např. šířka 1200 px) a Utiliome automaticky spočítá odpovídající proporcionální výšku u každé fotky v dávce.
Potřebujete před škálováním nebo po něm zkontrolovat přesné DPI, megapixely a poměr stran? Podívejte se v Image Size Inspector, nebo hromadně převeďte kontejnery souborů v Convert Image.