Bakalářská práce se zaměřuje na použití grafického formátu WebP pro úpravy obrázků a převod do jiných formátů. Teoretická část se zabývá rastrovou grafikou, porovnává stávající formáty s formátem WebP a popisuje jeho funkčnost. V závěru této části jsou také popsána existující řešení pro úpravu obrázků ve formátu WebP. Praktická část se zaměřuje na implementaci webové aplikaci pro úpravu obrázků a také na testování upravených obrázků.
Anotace v angličtině
The bachelor's thesis focuses on applying the WebP graphics format for image editing and converting to other formats. The theoretical part deals with raster graphics, comparing exist-ing formats to WebP, and describes how it works. The end of this section also describes existing solutions for editing images in WebP. The practical part focuses on the implementation of a web application for image editing, as well as testing the edited images.
Klíčová slova
Rastrová grafika, formát WebP, manipulace s obrázky, webové aplikace, kompresní algoritmy, nástroje pro grafický design
Klíčová slova v angličtině
Raster graphics, WebP format, image manipulation, web application, compression algorithms, graphic design tools
Rozsah průvodní práce
113
Jazyk
CZ
Anotace
Bakalářská práce se zaměřuje na použití grafického formátu WebP pro úpravy obrázků a převod do jiných formátů. Teoretická část se zabývá rastrovou grafikou, porovnává stávající formáty s formátem WebP a popisuje jeho funkčnost. V závěru této části jsou také popsána existující řešení pro úpravu obrázků ve formátu WebP. Praktická část se zaměřuje na implementaci webové aplikaci pro úpravu obrázků a také na testování upravených obrázků.
Anotace v angličtině
The bachelor's thesis focuses on applying the WebP graphics format for image editing and converting to other formats. The theoretical part deals with raster graphics, comparing exist-ing formats to WebP, and describes how it works. The end of this section also describes existing solutions for editing images in WebP. The practical part focuses on the implementation of a web application for image editing, as well as testing the edited images.
Klíčová slova
Rastrová grafika, formát WebP, manipulace s obrázky, webové aplikace, kompresní algoritmy, nástroje pro grafický design
Klíčová slova v angličtině
Raster graphics, WebP format, image manipulation, web application, compression algorithms, graphic design tools
Zásady pro vypracování
Nastudujte a popište problematiku rastrové grafiky.
Popište rastrový formát WebP.
Navrhněte webovou aplikaci pro práci s formátem WebP.
Zvolte vhodné technologie pro implementaci navržené aplikace.
Implementujte aplikaci a vhodně otestujte.
Zásady pro vypracování
Nastudujte a popište problematiku rastrové grafiky.
Popište rastrový formát WebP.
Navrhněte webovou aplikaci pro práci s formátem WebP.
Zvolte vhodné technologie pro implementaci navržené aplikace.
Implementujte aplikaci a vhodně otestujte.
Seznam doporučené literatury
An image format for the Web | WebP | Google Developers. Google Developers [online]. [cit. 2022-08-26]. Dostupné z: https://developers.google.com/speed/webp.
What’s the best lossless image format? PNG, WebP, AVIF, and JPEG XL compared – siipo.la [online]. [cit. 2022-08-26]. Dostupné z: https://siipo.la/blog/whats-the-best-lossless-image-format-comparing-png-webp-avif-and-jpeg-xl.
Compression Techniques | WebP | Google Developers. Google Developers [online]. [cit. 2022-08-26]. Dostupné z: https://developers.google.com/speed/webp/docs/compression
What is a WebP file? [online]. [cit. 2022-08-26]. Dostupné z: https://www.adobe.com/creativecloud/file-types/image/raster/webp-file.html
TYAGI, Vipin. Understanding Digital Image Processing [eBook]. Boca Raton: CRC Press, 2018 [cit. 2022-08-26]. ISBN 9781315123905. Available on: https://doi.org/10.1201/9781315123905
Seznam doporučené literatury
An image format for the Web | WebP | Google Developers. Google Developers [online]. [cit. 2022-08-26]. Dostupné z: https://developers.google.com/speed/webp.
What’s the best lossless image format? PNG, WebP, AVIF, and JPEG XL compared – siipo.la [online]. [cit. 2022-08-26]. Dostupné z: https://siipo.la/blog/whats-the-best-lossless-image-format-comparing-png-webp-avif-and-jpeg-xl.
Compression Techniques | WebP | Google Developers. Google Developers [online]. [cit. 2022-08-26]. Dostupné z: https://developers.google.com/speed/webp/docs/compression
What is a WebP file? [online]. [cit. 2022-08-26]. Dostupné z: https://www.adobe.com/creativecloud/file-types/image/raster/webp-file.html
TYAGI, Vipin. Understanding Digital Image Processing [eBook]. Boca Raton: CRC Press, 2018 [cit. 2022-08-26]. ISBN 9781315123905. Available on: https://doi.org/10.1201/9781315123905
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Student odprezentoval před komisí hlavní cíle a výsledky své bakalářské práce. Prezentace působila výborným dojmem. Následně byl student seznámen s posudky vedoucího a oponenta bakalářské práce. Student postupně odpověděl na otázky oponenta práce.
Komise vznesla k obhajobě následující dotazy:
1) Prof. Šeda: Lze ve Vaší aplikaci měnit i například kvalita obrázku, ostření, rozlišení apod.?