Editor obrázků zdarma: změň velikost, ořízni a převeď svou fotku

Poslední revize obsahu:

Napíšeš šířku a výšku, které potřebuješ, nebo vybereš připravený rozměr, třeba 1080 × 1350 px pro příspěvek na Instagramu, a editor uloží soubor přesně v těchto rozměrech. Ořez nastavíš v náhledu a hotovou fotku stáhneš jako JPG, PNG nebo WEBP.

Tento nástroj funguje na větší obrazovce

Pro pohodlné použití tohoto nástroje jej otevřete na notebooku, stolním počítači nebo tabletu v režimu na šířku.

Tip

Pokud používáte tablet, přepněte do režimu na šířku - jakmile bude okno dostatečně široké, nástroj se automaticky načte.

Co je pixel a co je poměr stran?

Pixel je nejmenší prvek digitálního obrázku, tedy jediný bod jedné barvy[1]. Obrázek popsaný jako 1080 × 1350 px má 1080 bodů na šířku a 1350 na výšku. Dohromady je to 1 458 000 bodů a právě z nich je celá fotka složená.

Poměr stran popisuje vztah šířky a výšky a zapisuje se dvěma čísly oddělenými dvojtečkou. Zápis 4:5 znamená, že na čtyři jednotky šířky připadá pět jednotek výšky. Obrázek 1080 × 1350 px tento poměr splňuje přesně, protože 1080 dělené čtyřmi a 1350 dělené pěti dají stejné číslo: 270.


Obě veličiny odpovídají na jinou otázku a teprve dohromady popisují obrázek celý. Poměr určuje tvar výřezu, rozměry v pixelech určují, kolik detailu se do toho tvaru vejde. Služba, která přijímá obrázky v poměru 4:5, tedy vezme jak soubor 1080 × 1350 px, tak soubor 2160 × 2700 px.


Fyzickou velikost pixel dostane až na konkrétní obrazovce nebo na papíře, jakmile do hry vstoupí hustota udaná v DPI. Pokud fotka míří do tisku, rozměr v centimetrech spočítáš převodníkem pixelů na centimetry.

Jak změnit velikost obrázku?

Editor má dva sloupce: vlevo přidáš soubor a vybereš výstupní formát, vpravo nastavíš ořez.

  1. 1. Přidej obrázek

    Přetáhni soubor na pole Přidat obrázek nebo na něj klikni a vyber fotku z disku. Editor rozměry načte hned a ukáže je v kartě Parametry obrázku.
  2. 2. Nastav rozměry a ořez

    Napiš šířku a výšku v záložce Rozměry v px nebo vyber připravený rozměr v záložce Připravené formáty. Světlý obdélník v náhledu označuje část, která se dostane do souboru.
  3. 3. Vyber formát a stáhni

    Klikni na JPG, PNG nebo WEBP, nastav posuvník kvality a stiskni Změnit velikost a stáhnout. Hotový soubor přistane ve složce stažených souborů.

Jaké rozměry má obrázek na Instagramu, Facebooku a LinkedInu?

Rozměry z první skupiny vybereš v záložce Připravené formáty, v kategorii sociální sítě. Poslední dva řádky napíšeš ručně do polí Šířka a Výška.
Místo zveřejněníRozměryPoměr stran
Připravené rozměry v editoru
Instagram – čtvercový příspěvek1080 × 1080 px1:1
Instagram – příspěvek na výšku1080 × 1350 px4:5
Instagram – story a reels1080 × 1920 px9:16
Facebook – příspěvek a sdílený odkaz1200 × 630 px1,91:1
Facebook – úvodní fotka stránky820 × 312 px2,63:1
LinkedIn – čtvercový příspěvek1200 × 1200 px1:1
LinkedIn – banner profilu1584 × 396 px4:1
Rozměry k ručnímu zadání
YouTube – náhledový obrázek videa3840 × 2160 px16:9
Pinterest – standardní pin1000 × 1500 px2:3
Instagram nechá fotku v původním rozlišení, když má na šířku 320 až 1080 px a její poměr stran leží mezi 1,91:1 a 4:5[2]. Facebook ukazuje úvodní fotku stránky na počítači v rozměru 820 × 312 px a na telefonu v 640 × 360 px, takže nejdůležitější prvek drž blízko středu výřezu[3]. LinkedIn přijímá banner profilu ve formátu JPG nebo PNG do 8 MB[4]. YouTube dnes doporučuje náhledový obrázek videa v rozměru 3840 × 2160 px s poměrem 16:9 a nejmenší šířkou 640 px[5]. Pinterest žádá poměr 2:3, tedy 1000 × 1500 px[6].

Jaké rozměry mají grafiky na webové stránce?

Tyto rozměry najdeš v záložce Připravené formáty, jakmile přepneš kategorii na web.
PoužitíRozměryPoměr stran
Náhled odkazu na sociálních sítích (OG obrázek)1200 × 630 px1,91:1
Grafika k článku1600 × 900 px16:9
Banner stránky1920 × 600 px3,2:1
Náhled článku800 × 600 px4:3
Hero sekce1920 × 1080 px16:9
Pozadí sekce1920 × 1280 px3:2
Obrázek náhledu odkazu má mít nejméně 1200 × 630 px v poměru 1,91:1 a nesmí přesáhnout 8 MB[7]. Je to stejný rozměr jako u příspěvku na Facebooku, takže jedna fotka pokryje obě místa.

JPG, PNG nebo WEBP – jaký formát vybrat?

Všechna čísla níže pocházejí z jednoho měření: stejná fotka 4000 × 3000 px o velikosti 1,55 MB byla v editoru zmenšena na 1080 × 1350 px a uložena s každým z těchto nastavení.
Formát a kvalitaVelikost souboruPrůhledné pozadíPosuvník kvality
JPG, kvalita 60%128 KBneano
JPG, kvalita 70%154 KBneano
JPG, kvalita 85%227 KBneano
JPG, kvalita 100%1,08 MBneano
WEBP, kvalita 85%158 KBanoano
PNG2,52 MBanone
Při stejném nastavení kvality vyšel soubor WEBP o 31% lehčí než JPG. PNG se stejným výřezem vyšlo víc než jedenáctkrát těžší než JPG v kvalitě 85%, protože PNG ukládá každý bod beze ztráty a u fotek se stává nejtěžším ze tří formátů. Tvoje čísla vyjdou jinak, protože o velikosti souboru rozhoduje obsah výřezu: hladké pozadí se komprimuje mnohem víc než listí nebo dav lidí. Posuvník kvality působí u JPG a WEBP, protože jen tyto dva formáty ukládají obraz s nastavitelnou mírou komprese[8]. Celou dávku hotových fotek převedeš do WEBP rychleji převodníkem JPG na WebP.

Nastav cílové rozměry

V záložce Rozměry v px píšeš šířku a výšku ručně. Se zaškrtnutou volbou Zachovat poměr stran stačí jedno číslo: editor druhé dopočítá tak, aby si výřez zachoval tvar originálu.


Odškrtnutí této volby uvolní obě pole. Šířku a výšku pak zadáváš nezávisle na sobě a ořez se přizpůsobí tvaru, který jsi mu dal. Takhle z fotky pořízené na šířku připravíš třeba banner 1920 × 600 px.

Jak obrázek oříznout?

Jakmile jsou cílové rozměry nastavené, objeví se v náhledu světlý obdélník. Právě tato část fotky se dostane do staženého souboru, zbytek obrázku zůstává ztmavený. Posunout jej můžeš čtyřmi způsoby.


Přetažení ořezu. Chyť světlou plochu myší a přesuň ji na libovolné místo fotky. Editor při tom sám přepne na záložku Pozice, takže hned vidíš, na kterém místě fotky ořez stojí.


Úchyty v rozích. Ve čtyřech rozích světlé plochy sedí malé čtverečky. Tažením za kterýkoli z nich měníš, jak velkou část originálu ořez pokrývá, zatímco tvar výřezu zůstává stejný, protože vychází ze zadaných rozměrů.


Záložka Přiblížení. Pole Přiblížení ořezu přijímá hodnoty od 100 do 300%. Čím vyšší číslo, tím menší část originálu ořez pokrývá, takže po tomto poli sáhneš, když chceš z fotky vytáhnout jeden konkrétní detail.


Záložka Pozice. Dvě pole popisují umístění ořezu v procentech: Vodorovně (X) běží od levého okraje doprava a Svisle (Y) shora dolů. Vedle stojí tři tlačítka, která ořez vycentrují vodorovně, svisle nebo na obou osách naráz.


Ať ořezem pohneš jakkoli, stažený soubor nese vždy přesně ty rozměry, které vidíš v řádku Cíl. Přiblížení a pozice rozhodují o tom, která část fotky se dostane do souboru, a velikost výsledku zůstává ta, kterou jsi napsal do polí Šířka a Výška.

ObdélníkČtverecKruh

Tvary ořezu

Záložka Tvary ořezu nabízí tři možnosti. Obdélník drží ořez v poměru, který si hned pod ním vybereš z pěti hodnot: 1:1, 4:5, 3:2, 16:9 a 9:16. Čtverec srovná oba rozměry na kratší stranu fotky. Kruh udělá totéž a navíc z výřezu vyřízne kolečko.


Po výběru kruhu editor přesune výstup z JPG na PNG, protože průhledné pozadí mimo kolečko ukládají PNG a WEBP. V měření na fotce 4000 × 3000 px z toho vyšel soubor 3000 × 3000 px, jehož body v rozích jsou zcela průhledné a střed kolečka kryje.


Takhle připravíš kulatý avatar do profilu nebo do e-mailového podpisu. Pokud hledáš ikonu webu ve formátu ICO, postaví ji generátor favicon, protože ikona webu spojuje několik velikostí v jednom souboru.

K čemu slouží mřížka v náhledu ořezu?

Světlá plocha ořezu je čarami rozdělená na devět stejných dílů. Je to pravidlo třetin, jedna ze základních zásad fotografické kompozice: nejdůležitější prvek fotky, ať už obličej, produkt nebo linie horizontu, padne na jednu z čar nebo na jejich průsečík.

Mřížka se hodí hlavně u výřezů, které platforma po zveřejnění ořízne. Když víš, že telefon ukazuje úvodní fotku stránky na Facebooku v užším výseku, položíš logo na prostřední pole mřížky a zůstane ve výřezu na každé obrazovce.


V záložce Barva mřížky vybereš jednu z pěti barev čar: zelenou, bílou, černou, červenou nebo žlutou. Barvu měníš proto, aby byly čáry na konkrétní fotce dobře vidět — bílá se hodí na tmavé výřezy, černá na světlé.

Co se stane s tvou fotkou po přidání do editoru?

Fotka zůstává ve tvém zařízení. Ořez, zmenšení i uložení do nového formátu zvládne sám prohlížeč pomocí vestavěného prvku canvas: ten vykreslí výsek obrázku v cílových rozměrech a udělá z něj soubor[8]. Zavření karty celou operaci ukončí, protože prohlížeč v tu chvíli uvolní paměť s obrázkem.


Cestou se přitom stane něco užitečného. Fotky z telefonů a fotoaparátů nesou metadata EXIF: datum, model přístroje, nastavení expozice a někdy i souřadnice GPS místa, kde vznikly. Prohlížeč vykresluje na plátno jen body obrázku, takže stažený soubor obsahuje pouze fotografii. Ověřili jsme to na fotce se záměrně zapsaným EXIF a ve staženém souboru už značka nebyla.


Otočení se přenáší správně. Prohlížeče čtou informaci o orientaci z dat EXIF a fotku zobrazují už otočenou[9] a editor pracuje s tím, co vidíš v náhledu. Fotka pořízená telefonem na výšku tedy zůstane na výšku.


Editor načte soubory JPG, PNG, WebP, AVIF, GIF, BMP a SVG, tedy vše, co prohlížeč umí vykreslit sám. Fotky z iPhonu uložené ve formátu HEIC otevřeš po převedení převodníkem HEIC na PNG a skeny ve formátu TIFF převodníkem TIFF na PNG.

Zdroje

  1. PixelWikipedie
  2. Image resolution of photos you share on InstagramInstagram Help Center
  3. Facebook Page profile picture and cover photo dimensionsFacebook Help Center
  4. Add or change the background photo on your profileLinkedIn Help
  5. Add video thumbnailsYouTube Help
  6. Pinterest product specsPinterest Business Help
  7. Sharing – Best Practices for ImagesMeta for Developers
  8. HTMLCanvasElement: toBlob() methodMDN Web Docs
  9. image-orientationMDN Web Docs

Všechny hodnoty v tabulkách jsme spočítali z definic jednotek a před zveřejněním ověřili výpočtem. Historické údaje a názvy místních jednotek vycházejí ze zdrojů uvedených výše.

Poslední revize obsahu: · napsal a zkontroloval tým Arteon

Časté dotazy k editoru obrázků

Jak udělat kulatou profilovou fotku?

Přidej fotku, přejdi do záložky Tvary ořezu a klikni na Kruh. Editor srovná oba rozměry na kratší stranu fotky a přesune výstup na PNG. Ořez ještě nastav na obličej tažením světlé plochy v náhledu a po kliknutí na Změnit velikost a stáhnout dostaneš kolečko s průhledným pozadím.

Jaké soubory editor načte?

JPG, PNG, WebP, AVIF, GIF, BMP a SVG. Jsou to formáty, které prohlížeč vykreslí sám, bez jakékoli další knihovny. Fotky z iPhonu ve formátu HEIC projdou nejdřív převodníkem HEIC na PNG a skeny v TIFF převodníkem TIFF na PNG.

Jaký výstupní formát vybrat pro fotku na web?

WEBP s kvalitou 70–85%. V našem měření na výřezu 1080 × 1350 px vážil soubor WEBP při kvalitě 85% 158 KB. Stejný výřez uložený do JPG při stejném nastavení vážil 227 KB, takže WEBP vyšel o 31% lehčí. PNG si nech na grafiky s ostrými hranami a na soubory s průhledným pozadím.

Jak funguje posuvník kvality?

Posuvník Kvalita (JPG/WEBP) přijímá hodnoty od 60 do 100% a řídí míru komprese. Stejný výřez v JPG vyšel při 60% na 128 KB. Posunutí na 85% dalo soubor 227 KB. Nastavení na 100% zabralo už 1,08 MB, tedy víc než osmkrát tolik co při 60%. Na sociální sítě i na web stačí rozmezí 70–85%. U PNG posuvník z formuláře zmizí, protože tento formát ukládá beze ztráty a žádnou míru komprese nenastavuje.

Odstraní editor z fotky data EXIF?

Ano. Prohlížeč vykresluje na plátno jen body obrázku, takže metadata zdroje se do staženého souboru nedostanou: ani datum, ani model přístroje, ani souřadnice GPS. Ověřili jsme to na fotce se záměrně zapsaným EXIF a ve výstupním souboru už značka nebyla. Orientace se chová jinak: prohlížeč ji přečte ještě před vykreslením, takže se fotka uloží správně otočená.

Zvládne editor velkou fotku?

Ano. V našem testu se fotka 8000 × 6000 px načetla i uložila bez potíží. Horní hranice patří prohlížeči, který má vlastní strop pro velikost vykreslované plochy. Výřez 17 000 × 12 750 px ještě dal hotový soubor, u 20 000 × 15 000 px prohlížeč uložení odmítl. Na této hranici editor ukáže zprávu s prosbou o zmenšení šířky nebo výšky.

Dá se malá fotka zvětšit?

Editor uloží soubor v jakýchkoli rozměrech, které napíšeš, i větších než originál. Množství detailu ale pochází ze zdrojového souboru, takže zvětšený obrázek působí měkčeji než fotka pořízená rovnou v tomto rozlišení. U Instagramu na tom málokdy záleží: služba drží šířky do 1080 px bez přepočtu, takže originál s touto šířkou bohatě stačí.

Co znamenají poměry jako 4:5 nebo 16:9?

Je to poměr šířky k výšce. Zápis 4:5 znamená, že na čtyři jednotky šířky připadá pět jednotek výšky, výřez je tedy na výšku — přesně takový je příspěvek 1080 × 1350 px na Instagramu. Zápis 16:9 popisuje široký výřez známý z filmu a z prezentací, v rozměru 1920 × 1080 px. Obrácený na 9:16 dává svislý výřez přes celou obrazovku telefonu, tedy story a reels.

Jaký výstupní formát se hodí ke kruhovému ořezu?

PNG nebo WEBP. Oba mají alfa kanál, díky kterému rohy mimo kolečko zůstanou prázdné a avatar působí kulatě všude, kam ho vložíš. Editor to navrhne sám: po výběru kruhu přesune výstup na PNG.

Snímek obrazovky bezplatného nástroje Arteon: Editor obrázků zdarma: změň velikost, ořízni a převeď svou fotku

Pomozte nám vylepšit naše nástroje

Máte nápad na novou funkci, našli jste chybu nebo chcete navrhnout jiný nástroj, který by vám usnadnil práci? Napište nám – odpovídáme do 24 hodin.

Podívej se na další užitečné nástroje

JPG na WebP

JPG na WebP

Převeďte fotky JPG na lehké WebP. Snižte váhu obrázků až o 35%.

Editor obrázků

Editor obrázků

Změňte velikost, ořízněte a převeďte obrázek. Hotové formáty pro sociální sítě, kulaté avatary, export JPG/PNG/WebP.

Kontrola meta titulku a popisu

Kontrola meta titulku a popisu

Zkontrolujte délku titulku a popisu v pixelech. Živý náhled v Google a tipy na optimalizaci.

PNG na JPG

PNG na JPG

Převeďte soubory PNG na JPG v prohlížeči. Bez limitu, bez registrace.

Generátor favicon

Generátor favicon

Vytvořte kompletní sadu favicon.ico pro svůj web z jednoho obrázku. Všechny potřebné velikosti, bez přihlášení.

Generátor barevných palet

Generátor barevných palet

Vygenerujte 9 palet z jedné barvy: monochromatickou, komplementární, triádickou a další. Kódy HEX.

Kontrola kontrastu barev

Kontrola kontrastu barev

Zkontrolujte kontrast textu a pozadí podle WCAG 2.1 AA a AAA. Automatická korekce barev.

Generátor QR kódu zdarma

Generátor QR kódu zdarma

Vytvořte QR kód pro web, vizitku vCard nebo tisk. Export PNG a SVG, bez registrace.

Počítadlo slov a znaků

Počítadlo slov a znaků

Spočítejte slova, znaky, věty a čas čtení. Zkontrolujte čitelnost pomocí skóre Flesch-Kincaid.