Přeskočit na hlavní obsah

Ořezávač obrázků zdarma

Ořezávejte obrázky přetažením výběru, s volitelným zachováním poměru stran (1:1, 16:9, 4:3 atd.), mřížkou třetin a exportem do více formátů (JPEG, PNG, WebP).

Funguje offline po načtení

Přetáhněte soubor sem nebo klikněte pro výběr

JPG, PNG, WebP, HEIC, HEIF · zpracováno na vašem zařízení

nebo stiskněte Ctrl+V pro vložení ze schránky

Procházet soubory

Tip: snímek obrazovky můžete vložit pomocí Ctrl+V

Vaše soubory nikdy neopustí vaše zařízení. Veškeré zpracování probíhá lokálně ve vašem prohlížeči.

Běžná použití

  • Ořízněte fotografie pro InstagramOřízněte na preferované poměry stran Instagramu: 1:1 (čtverec), 4:5 (portrét) a 1.91:1 (krajina).
  • Ořízněte fotografie profilu na čtverecVytvářejte čtvercové fotografie profilu pro LinkedIn, Twitter, GitHub nebo jakoukoli sociální síť.
  • Ořízněte miniaturky YouTube a článkůOřízněte na poměr stran 16:9 používaný videi YouTube a většinou blogovými fotogramiemi hrdinů.
  • Ořízněte fotografie pasu / dokladuOřízněte fotografie na standardní poměr 2:3 portrét pro pas, vízum a žádosti o doklady.
  • Ořízněte fotografie produktů e-commerceStandardizujte poměry stran fotografie produktu pro Amazon, Shopify, Etsy a další tržiště.

Jak to funguje

Ořezávání probíhá zcela ve vašem prohlížeči pomocí Canvas API HTML5 — bez nahrávání, bez serveru. Přetáhnete oblast výběru přímo na prvek plátna, a když ořez aplikujete, vestavěný 2D vykreslovací engine prohlížeče přečte pouze vybrané pixely a znovu je zakóduje do JPEG, PNG nebo WebP.

  1. 1
    Obrázek načtený do paměti
    Váš soubor se čte pomocí URL.createObjectURL(), což prohlížeči předá lokální blob URL. HTMLImageElement dekóduje soubor zcela v kartě prohlížeče — bajty obrázku nikdy neopustí vaše zařízení.
  2. 2
    Pointer Events řídí výběr ořezu
    Pointer Events API prohlížeče (které sjednocuje vstup myši, dotyku a pera) sleduje přetažení na překryvném plátně. Stisknutí mimo výběr zahájí nový obdélník; stisknutí uvnitř jej posune; stisknutí u pravého dolního rohu jej změní velikost. Volitelná přednastavení poměru stran (1:1, 16:9, 4:3 atd.) omezují geometrii během přetahování.
  3. 3
    Plátno kreslí živý náhled
    Při každé změně ořezu 2D kontext plátna překreslí obrázek, aplikuje tmavý překryv mimo výběr, vyčistí oblast ořezu, aby zobrazila původní obrázek v plné věrnosti, a překryje mřížku pravidla třetin a zelenomodrý úchyt pro změnu velikosti.
  4. 4
    toBlob() kóduje a doručuje výsledek
    Když kliknete na Ořezat, vytvoří se nové skryté plátno o přesných rozměrech ořezu. ctx.drawImage() zkopíruje pouze vybraný obdélník a canvas.toBlob() zakóduje výsledek pomocí nativního kodéru JPEG, PNG nebo WebP prohlížeče při zvoleném nastavení kvality. Výstup se vrací jako lokální blob URL ke stažení.

Váš obrázek se otevírá jako lokální blob URL a zpracovává se zcela ve vaší kartě prohlížeče — v žádném okamžiku se nic nenahrává na žádný server.

Související nástroje

Časté dotazy