# Převod obrázků na WebP

> Převeďte JPG a PNG do WebP a zmenšete obrázky pro web. Odhad úspory, HTML kód s fallbackem a zachovaná průhlednost. Hromadně, zdarma, v prohlížeči.

URL: https://acrafto.com/cs/prevod-obrazku-na-webp/  
Updated: 2026-09-24

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Chcete zrychlit web nebo e-shop menšími obrázky? Převeďte JPG a PNG do WebP. Převodník před převodem odhadne, kolik ušetříte oproti JPG, a připraví i HTML kód se záložním formátem pro starší prohlížeče. Všechno běží ve vašem prohlížeči, obrázky se nikam nenahrávají.

## Jak převést obrázek na WebP

1. **Nahrajte obrázky.** Přetáhněte je do okna nebo klikněte na „Procházet soubory“. Převodník zvládne JPG, PNG, BMP i statický GIF, desítky souborů najednou.
2. **Nastavte kvalitu.** Výchozí kvalita 80 vyhovuje většině webů. Pro portfolio zvolte 85 až 90, pro náhledy 70.
3. **Převeďte a stáhněte.** Tlačítko „Převést“ zpracuje celou dávku, hotové WebP stáhnete po jednom nebo jako ZIP.

Kdo chce jít do detailu, rozbalí pod náhledem „Technické detaily“ s lupou, odhadem úspory a HTML kódem.

## Proč převádět obrázky do WebP

[WebP](https://cs.wikipedia.org/wiki/WebP) je formát od Googlu navržený pro web. Podle [studie Googlu](https://developers.google.com/speed/webp/docs/webp_study) (anglicky) jsou ztrátové WebP soubory při stejné kvalitě o 25 až 34 % menší než JPEG a bezeztrátové zhruba o 26 % menší než PNG. Menší obrázky znamenají rychlejší načítání stránky, lepší výsledky v Core Web Vitals a menší spotřebu dat na mobilu.

Oproti JPG navíc WebP umí průhlednost, takže nahradí i PNG s průhledným pozadím. Dnes ho [podporují všechny běžné prohlížeče](https://caniuse.com/webp) (anglicky) včetně Safari od verze 14.

## Co převodník na WebP umí navíc

### Odhad úspory ještě před převodem

V technických detailech najdete „Odhad ze vzorku“: převodník zakóduje zmenšený vzorek vybraného obrázku a spočítá, jak velký bude WebP při zvoleném nastavení, jak velký by byl JPEG při stejné kvalitě a kolik procent ušetříte. Hned tak vidíte, jestli se převod vyplatí.

### HTML kód se záložním formátem

Převodník připraví hotový kód pro element `<picture>`: prohlížeče s podporou WebP načtou nový soubor, ostatní dostanou původní JPG nebo PNG. Kód obsahuje i rozměry obrázku a líné načítání, stačí ho zkopírovat do šablony. Jak `<picture>` funguje, popisuje [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/picture) (anglicky).

### Lupa ve 100% zvětšení

Klepnutím do náhledu přesunete lupu na libovolné místo a porovnáte originál s výsledkem pixel po pixelu. Artefakty [ztrátové komprese](https://cs.wikipedia.org/wiki/Ztr%C3%A1tov%C3%A1_komprese) se nejdřív ukážou na textu, hranách a jemných přechodech, tam se vyplatí podívat.

### Průhlednost zůstane

PNG s průhledným pozadím převedete do WebP bez ztráty alfa kanálu. Pokud cílová aplikace průhlednost nezvládne, zapněte „Složit průhlednost na barvu“.

### Ochrana před špatným výsledkem

Animovaný GIF převodník odmítne, protože by z něj tiše zůstal jen první snímek. Když převedený soubor vyjde větší než originál, což se stává u už dobře komprimovaných obrázků, tabulka to označí a jedním kliknutím si ponecháte originál.

### Zmenšení, přejmenování, bez metadat

V „Pokročilých volbách“ obrázky zmenšíte na delší stranu v pixelech nebo na procenta a hromadně přejmenujete pomocí `{name}`, `{width}`, `{height}` a `{index}`. Převod odstraní EXIF, ICC i GPS, takže fotky neprozradí polohu. Pokud potřebujete obrázky zmenšit na přesné rozměry nebo pod limit v kB, použijte [zmenšení obrázků](https://acrafto.com/cs/zmenseni-obrazku/).

## Jakou kvalitu WebP zvolit

| Účel | Kvalita | Poznámka |
| :--- | :--- | :--- |
| Portfolio, produktové fotky | 85 až 90 | Detaily beze ztráty, stále menší než JPG |
| Běžný web a blog | 75 až 80 | Nejlepší poměr kvality a velikosti |
| Náhledy, galerie | 65 až 70 | Malé soubory, drobné artefakty |

## Kdy WebP a kdy jiný formát

- **Fotky a grafika na web:** WebP, s fallbackem v `<picture>` pro jistotu.
- **Obrázky pro e-mail, úřady nebo starší programy:** raději [JPG](https://acrafto.com/cs/prevod-obrazku-na-jpg/), otevře ho opravdu všechno.
- **Podklady k dalším úpravám a tisku:** [PNG](https://acrafto.com/cs/prevod-obrazku-na-png/), bez jakékoliv ztráty.

Rozměry obrázků na webu před převodem rychle zkontrolujete v [analýze rozměrů obrázků](https://acrafto.com/cs/rozmery-obrazku/).

## Časté otázky

### Jak převést JPG na WebP?

Nahrajte JPG soubory, nechte kvalitu 80 nebo ji upravte a klikněte na „Převést“. WebP bývá při stejné vizuální kvalitě o čtvrtinu až třetinu menší. Kolik ušetříte u konkrétní fotky, ukáže odhad v technických detailech.

### Jak převést PNG na WebP a zachovat průhlednost?

Stačí PNG nahrát a převést, průhlednost zůstane zachovaná automaticky. Pokud ji naopak nechcete, zapněte „Složit průhlednost na barvu“.

### Podporují WebP všechny prohlížeče?

Ano, všechny současné prohlížeče včetně Safari od verze 14. Pro jistotu u starších zařízení použijte HTML kód s elementem `<picture>`, který převodník připraví: starší prohlížeč pak načte původní JPG nebo PNG.

### Je WebP lepší než JPG?

Pro web ano: při stejné kvalitě je menší a umí průhlednost. JPG ale pořád otevře více programů, tiskáren a úřadů. Na web proto používejte WebP, pro sdílení a tisk JPG.

### Proč převodník odmítl můj GIF?

Animovaný GIF by se při převodu tiše změnil na jediný statický snímek. Aby vás výsledek nepřekvapil, převodník ho odmítne. Statické GIFy převede bez problému.

### Nahrávají se moje obrázky na server?

Ne. Převod běží přímo ve vašem prohlížeči a soubory se nikam neodesílají.

## Other languages

- Slovenčina (sk): [Prevod obrázkov na WebP](https://acrafto.com/sk/prevod-obrazkov-na-webp/) ([Markdown](https://acrafto.com/sk/prevod-obrazkov-na-webp/index.md))
- English (en): [Convert Images to WebP](https://acrafto.com/en/convert-images-to-webp/) ([Markdown](https://acrafto.com/en/convert-images-to-webp/index.md))
- Deutsch (de): [Bild in WebP umwandeln](https://acrafto.com/de/bilder-in-webp-umwandeln/) ([Markdown](https://acrafto.com/de/bilder-in-webp-umwandeln/index.md))
- Français (fr): [Convertir des images en WebP](https://acrafto.com/fr/convertir-images-en-webp/) ([Markdown](https://acrafto.com/fr/convertir-images-en-webp/index.md))
- Español (es): [Convertir imágenes a WebP](https://acrafto.com/es/convertir-imagenes-a-webp/) ([Markdown](https://acrafto.com/es/convertir-imagenes-a-webp/index.md))
- Italiano (it): [Convertitore immagini in WebP](https://acrafto.com/it/conversione-immagini-webp/) ([Markdown](https://acrafto.com/it/conversione-immagini-webp/index.md))
- Português (pt): [Converter imagem para WebP](https://acrafto.com/pt/converter-imagens-para-webp/) ([Markdown](https://acrafto.com/pt/converter-imagens-para-webp/index.md))
- Nederlands (nl): [Afbeelding naar WebP omzetten](https://acrafto.com/nl/afbeeldingen-converteren-naar-webp/) ([Markdown](https://acrafto.com/nl/afbeeldingen-converteren-naar-webp/index.md))
- Polski (pl): [Konwerter obrazów na WebP](https://acrafto.com/pl/konwersja-obrazow-do-webp/) ([Markdown](https://acrafto.com/pl/konwersja-obrazow-do-webp/index.md))
- Română (ro): [Convertor imagini în WebP](https://acrafto.com/ro/conversia-imaginilor-in-webp/) ([Markdown](https://acrafto.com/ro/conversia-imaginilor-in-webp/index.md))
- Magyar (hu): [WebP átalakító](https://acrafto.com/hu/webp-kep-atalakito/) ([Markdown](https://acrafto.com/hu/webp-kep-atalakito/index.md))
- Ελληνικά (el): [Μετατροπή εικόνων σε WebP](https://acrafto.com/el/metatropi-eikonon-se-webp/) ([Markdown](https://acrafto.com/el/metatropi-eikonon-se-webp/index.md))
- Български (bg): [Конвертиране на снимки в WebP](https://acrafto.com/bg/preobrazuvane-na-izobrajenia-v-webp/) ([Markdown](https://acrafto.com/bg/preobrazuvane-na-izobrajenia-v-webp/index.md))
- Hrvatski (hr): [Pretvorba slika u WebP](https://acrafto.com/hr/pretvorba-slika-u-webp/) ([Markdown](https://acrafto.com/hr/pretvorba-slika-u-webp/index.md))
- Slovenščina (sl): [Pretvorba slik v WebP](https://acrafto.com/sl/pretvorba-slik-v-webp/) ([Markdown](https://acrafto.com/sl/pretvorba-slik-v-webp/index.md))
- Eesti (et): [Piltide teisendamine WebP-ks](https://acrafto.com/et/piltide-teisendamine-webp-ks/) ([Markdown](https://acrafto.com/et/piltide-teisendamine-webp-ks/index.md))
- Latviešu (lv): [Attēlu konvertēšana uz WebP](https://acrafto.com/lv/attelu-konvertesana-uz-webp/) ([Markdown](https://acrafto.com/lv/attelu-konvertesana-uz-webp/index.md))
- Lietuvių (lt): [Paveikslėlių konvertavimas į WebP](https://acrafto.com/lt/paveiksleliu-konvertavimas-i-webp/) ([Markdown](https://acrafto.com/lt/paveiksleliu-konvertavimas-i-webp/index.md))
- Svenska (sv): [Konvertera bilder till WebP](https://acrafto.com/sv/konvertera-bilder-till-webp-online/) ([Markdown](https://acrafto.com/sv/konvertera-bilder-till-webp-online/index.md))
- Dansk (da): [Konverter billeder til WebP](https://acrafto.com/da/billeder-til-webp-konverter/) ([Markdown](https://acrafto.com/da/billeder-til-webp-konverter/index.md))
- Suomi (fi): [Kuva WebP-muotoon](https://acrafto.com/fi/kuvien-muuntaminen-webp-muotoon/) ([Markdown](https://acrafto.com/fi/kuvien-muuntaminen-webp-muotoon/index.md))
- Norsk (no): [Konverter bilder til WebP](https://acrafto.com/no/konverter-bilder-til-webp/) ([Markdown](https://acrafto.com/no/konverter-bilder-til-webp/index.md))
- Українська (uk): [Конвертер у WebP](https://acrafto.com/uk/perehvorennia-zobrazhen-u-webp/) ([Markdown](https://acrafto.com/uk/perehvorennia-zobrazhen-u-webp/index.md))
- Русский (ru): [Конвертер изображений в WebP](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-webp/) ([Markdown](https://acrafto.com/ru/preobrazovanie-izobrazhenij-v-webp/index.md))
- Српски (sr): [Претварање слика у WebP](https://acrafto.com/sr/pretvaranje-slika-u-webp/) ([Markdown](https://acrafto.com/sr/pretvaranje-slika-u-webp/index.md))
- Македонски (mk): [Претвори слики во WebP](https://acrafto.com/mk/pretvori-sliki-vo-webp/) ([Markdown](https://acrafto.com/mk/pretvori-sliki-vo-webp/index.md))
- Bosanski (bs): [Pretvorba slika u WebP](https://acrafto.com/bs/pretvorba-slika-u-webp/) ([Markdown](https://acrafto.com/bs/pretvorba-slika-u-webp/index.md))
- Shqip (sq): [Konvertimi i imazheve në WebP](https://acrafto.com/sq/konvertimi-i-imazheve-ne-webp/) ([Markdown](https://acrafto.com/sq/konvertimi-i-imazheve-ne-webp/index.md))
- Türkçe (tr): [Görselleri WebP'ye çevirme](https://acrafto.com/tr/goruntuleri-webpye-donustur/) ([Markdown](https://acrafto.com/tr/goruntuleri-webpye-donustur/index.md))
- 日本語 (ja): [WebP変換](https://acrafto.com/ja/gazo-webp-henkan/) ([Markdown](https://acrafto.com/ja/gazo-webp-henkan/index.md))
- 한국어 (ko): [WebP 변환기](https://acrafto.com/ko/imiji-webp-byeonhwan/) ([Markdown](https://acrafto.com/ko/imiji-webp-byeonhwan/index.md))
- العربية (ar): [تحويل الصور إلى WebP](https://acrafto.com/ar/tahwil-suwar-ila-webp/) ([Markdown](https://acrafto.com/ar/tahwil-suwar-ila-webp/index.md))
- हिन्दी (hi): [इमेज को WebP में बदलें](https://acrafto.com/hi/chitron-ko-webp-mein-badlein/) ([Markdown](https://acrafto.com/hi/chitron-ko-webp-mein-badlein/index.md))
- Bahasa Indonesia (id): [Ubah gambar ke WebP](https://acrafto.com/id/konversi-gambar-ke-webp/) ([Markdown](https://acrafto.com/id/konversi-gambar-ke-webp/index.md))
- Tiếng Việt (vi): [Chuyển ảnh sang WebP](https://acrafto.com/vi/chuyen-doi-hinh-anh-sang-webp/) ([Markdown](https://acrafto.com/vi/chuyen-doi-hinh-anh-sang-webp/index.md))
- ไทย (th): [แปลงรูปเป็น WebP](https://acrafto.com/th/plaeng-ruup-phaap-pen-webp/) ([Markdown](https://acrafto.com/th/plaeng-ruup-phaap-pen-webp/index.md))
- עברית (he): [המרת תמונה ל-WebP](https://acrafto.com/he/hamarat-tmunot-le-webp/) ([Markdown](https://acrafto.com/he/hamarat-tmunot-le-webp/index.md))