CodeKitHub
Nástroje pro obrázky

Změna velikosti obrázků online

Naposledy aktualizováno:

Změňte rozměry obrázku během pár vteřin: nastavte přesnou šířku v pixelech nebo procento a výška se automaticky dopočítá tak, aby zůstal zachován poměr stran. Funguje s JPG, PNG a WebP, podporuje dávky, a stejně jako u všech nástrojů zde vaše obrázky nikdy neopustí prohlížeč.

Aspect ratio is preserved automatically

    Co je tento nástroj?

    Nástroj pro změnu velikosti obrázků mění rozměry obrázku v pixelech — na rozdíl od komprese, která zachovává rozměry, ale efektivněji obrázek překóduje. Změnu velikosti potřebujete, když formulář vyžaduje „max 800 px“, avatar musí mít 256×256, nebo je 4000pixelová fotka z fotoaparátu naprosto zbytečně velká pro sloupec blogu široký 700 px.

    Zmenšování (downscaling) je vizuálně bezztrátové a dramaticky snižuje velikost souboru — zmenšení obou rozměrů na polovinu ubere 75 % pixelů. Zvětšování (upscaling) je také podporováno, ale nedokáže vymyslet detaily navíc: roztažený obrázek je vždy trochu měkký. Tento nástroj automaticky zachovává poměr stran, takže nic nevypadá zdeformovaně.

    Proč ho používat?

    • Dva intuitivní režimy: přesná šířka v pixelech (pro požadavky) nebo procento (pro rychlé zmenšení).
    • Poměr stran automaticky uzamčen — žádné náhodně zdeformované fotky.
    • Umí cestou i změnit formát, pokud chcete (JPG/PNG/WebP).
    • Hromadná změna velikosti desítek obrázků se stažením pro každý soubor zvlášť.
    • Lokální a soukromé: nic se nenahrává, žádné limity velikosti.

    Jak se používá

    1. Přetáhněte obrázky do pole nebo klikněte pro jejich výběr.
    2. Zvolte režim: zadejte cílovou šířku v pixelech, nebo procento.
    3. Volitelně zvolte jiný výstupní formát (výchozí zachová původní).
    4. Každý výsledek zobrazí nové rozměry a velikost souboru — klikněte na Download.

    Příklad

    Vstup

    camera.jpg — 4032×3024, 3,9 MB, zmenšeno na šířku 1200

    Výstup

    camera-1200x900.jpg — 1200×900, 260 KB

    Název výstupního souboru obsahuje nové rozměry, takže se verze nikdy nepletou.

    Časté případy použití

    • Splnění přesného požadavku na pixely z formuláře, specifikace ikony aplikace nebo pravidel pro nahrávání („avatar musí mít nejvýše 400×400“).
    • Zmenšení dávky fotek z fotoaparátu před přidáním na webovou stránku, kde se originály široké 4000 px načítají mnohem pomaleji, než je potřeba.
    • Příprava sady náhledů v konzistentní velikosti ze složky zdrojových obrázků různých velikostí.
    • Zmenšení rozměrů obrázku v pixelech před vložením do dokumentu s přísnými limity šířky stránky.

    Změna velikosti vs komprese, a proč záleží na pořadí

    Změna velikosti i komprese obě zmenšují velikost souboru, ale útočí na jiné věci: změna velikosti snižuje počet pixelů (obrázek zmenšený o 50 % na šířku i výšku má o 75 % méně pixelů k uložení), zatímco komprese překóduje stejné pixely efektivněji. Pokud je obrázek zároveň předimenzovaný a nekomprimovaný, změna velikosti jako první přinese větší úsporu — zmenšení počtu pixelů ze 4000 px na 1200 px odstraní mnohem víc dat, než dokáže jakýkoli posuvník kvality, a následná komprese už zmenšeného obrázku vytlačí zbylý přebytek. Opačné pořadí (nejdřív komprese, pak změna velikosti) funguje také, ale změna velikosti jako první znamená, že krok komprese má míň dat ke zpracování, což je nepatrně rychlejší.

    Proč je procentní režim jiný než prosté zadání menší šířky v pixelech

    Procentní režim a režim šířky v pixelech dělají pod kapotou stejnou matematiku — oba nakonec vypočítají cílovou šířku a proporcionální výšku — ale v praxi řeší jiné problémy. Pixelový režim je pro situace, kdy znáte přesné číslo, které potřebujete (specifikace říká 1200 px, tak zadáte 1200). Procentní režim je pro situace, kdy zmenšujete celou dávku obrázků s různými původními velikostmi, ale chcete je všechny zmenšit proporcionálně o stejnou míru — 50 % konzistentně zmenší každý obrázek na polovinu bez ohledu na to, jestli měly originály 2000 px, nebo 6000 px na šířku, což pixelový režim v jednom průchodu přes smíšenou dávku nedokáže, aniž by některé obrázky zdeformoval nebo jiné nechal beze změny.

    Časté dotazy

    Sníží změna velikosti kvalitu obrázku?

    Zmenšování vypadá v podstatě dokonale — odebíráte pixely, které by cílová velikost stejně nezobrazila. Zvětšování nad 100 % nedokáže přidat detaily a vytváří rozmazanost; vyhněte se mu, pokud nemusíte splnit požadavek na minimální velikost.

    Jak nastavím přesnou výšku místo šířky?

    Vypočítejte šířku, která dá vaši cílovou výšku: šířka = výška × (původní šířka ÷ původní výška). Nástroj záměrně zachovává poměr stran — volné roztažení šířka×výška fotky deformuje, což skoro nikdy není to, co lidé chtějí.

    Jakou velikost mám použít pro web?

    Celoširoké úvodní obrázky: 1600–1920 px. Obrázky v obsahu blogu: 800–1200 px. Náhledy: 300–400 px. Avatary: 256 px. V nejistotě zvolte největší velikost, kterou rozvržení skutečně zobrazí, a poté zkomprimujte.

    Změnit velikost, nebo zkomprimovat — co potřebuji?

    Oboje snižuje velikost souboru, ale jinak. Pokud jsou rozměry větší, než je potřeba, nejdřív změňte velikost — to přinese větší úsporu. Pak komprese vytlačí zbylé bajty. Náš Kompresor obrázků udělá kvalitu a maximální šířku v jednom kroku, pokud se to hodí pro váš případ.

    Nahrávají se moje obrázky během změny velikosti?

    Ne. Změna velikosti běží na vašem zařízení pomocí canvas API prohlížeče. Nástroj funguje offline, jakmile je stránka jednou načtená.

    Související nástroje