diff --git a/generator/static/images/black-on-blue.png b/generator/static/images/black-on-blue.png
deleted file mode 100644
index 4fa2aa93ad98a2c604c4bab449ff53c6269d077c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/black-on-blue.png and /dev/null differ
diff --git a/generator/static/images/black-on-blue.webp b/generator/static/images/black-on-blue.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c9f4b88f5f2241a55a34a590c597b132e3f19b99
Binary files /dev/null and b/generator/static/images/black-on-blue.webp differ
diff --git a/generator/static/images/black-on-gold.png b/generator/static/images/black-on-gold.png
deleted file mode 100644
index bf7ffe6f6ab8d2072de437183ee7e3f304fb7db1..0000000000000000000000000000000000000000
Binary files a/generator/static/images/black-on-gold.png and /dev/null differ
diff --git a/generator/static/images/black-on-gold.webp b/generator/static/images/black-on-gold.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c784236a1bd706767a2497573a05e0380cc43bf2
Binary files /dev/null and b/generator/static/images/black-on-gold.webp differ
diff --git a/generator/static/images/black-on-gray.png b/generator/static/images/black-on-gray.png
deleted file mode 100644
index d4c04cd149a549b93a07085bb8ec000b0b619520..0000000000000000000000000000000000000000
Binary files a/generator/static/images/black-on-gray.png and /dev/null differ
diff --git a/generator/static/images/black-on-gray.webp b/generator/static/images/black-on-gray.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c37d56c9674c208385bd08cdbc6cf11ccfc753fa
Binary files /dev/null and b/generator/static/images/black-on-gray.webp differ
diff --git a/generator/static/images/black-on-white.png b/generator/static/images/black-on-white.png
deleted file mode 100644
index bb88212a1e90a7c6797cbe7cc6c66fbb672dd887..0000000000000000000000000000000000000000
Binary files a/generator/static/images/black-on-white.png and /dev/null differ
diff --git a/generator/static/images/black-on-white.webp b/generator/static/images/black-on-white.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c3528a7794a3bc6498e35a8776bfafd823787024
Binary files /dev/null and b/generator/static/images/black-on-white.webp differ
diff --git a/generator/static/images/color-samples/blue-on-orange.png b/generator/static/images/color-samples/blue-on-orange.png
deleted file mode 100644
index 48a87bb2311aae17b5a4505b5df642e84e1dfc6a..0000000000000000000000000000000000000000
Binary files a/generator/static/images/color-samples/blue-on-orange.png and /dev/null differ
diff --git a/generator/static/images/color-samples/blue-on-orange.webp b/generator/static/images/color-samples/blue-on-orange.webp
new file mode 100644
index 0000000000000000000000000000000000000000..dd6742b31fa960f4bf219303b2353343fb77ffcb
Binary files /dev/null and b/generator/static/images/color-samples/blue-on-orange.webp differ
diff --git a/generator/static/images/color-samples/blue-on-white.png b/generator/static/images/color-samples/blue-on-white.png
deleted file mode 100644
index 0bace8ee3ea79c2d0f90861cdb0c42a400614d83..0000000000000000000000000000000000000000
Binary files a/generator/static/images/color-samples/blue-on-white.png and /dev/null differ
diff --git a/generator/static/images/color-samples/blue-on-white.webp b/generator/static/images/color-samples/blue-on-white.webp
new file mode 100644
index 0000000000000000000000000000000000000000..02ffdd6c08931ab4408b90e1b016b371bf46fe0b
Binary files /dev/null and b/generator/static/images/color-samples/blue-on-white.webp differ
diff --git a/generator/static/images/color-samples/green-on-pink.png b/generator/static/images/color-samples/green-on-pink.png
deleted file mode 100644
index bcb3f39d3791333b497d1bcec835349f270a0813..0000000000000000000000000000000000000000
Binary files a/generator/static/images/color-samples/green-on-pink.png and /dev/null differ
diff --git a/generator/static/images/color-samples/green-on-pink.webp b/generator/static/images/color-samples/green-on-pink.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3a3e56133b90b33fc5abd5f446b5505a506b341b
Binary files /dev/null and b/generator/static/images/color-samples/green-on-pink.webp differ
diff --git a/generator/static/images/color-samples/orange-on-brown.png b/generator/static/images/color-samples/orange-on-brown.png
deleted file mode 100644
index 79d14a81a551c3b70e75ba5971ecfd5cc7a5b4cb..0000000000000000000000000000000000000000
Binary files a/generator/static/images/color-samples/orange-on-brown.png and /dev/null differ
diff --git a/generator/static/images/color-samples/orange-on-brown.webp b/generator/static/images/color-samples/orange-on-brown.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4718497b7835facd8f2fbbc7786ea04937e21094
Binary files /dev/null and b/generator/static/images/color-samples/orange-on-brown.webp differ
diff --git a/generator/static/images/color-samples/pink-on-orange.png b/generator/static/images/color-samples/pink-on-orange.png
deleted file mode 100644
index 46f4c89cf6e69fddb513bd145422feaa382b47c9..0000000000000000000000000000000000000000
Binary files a/generator/static/images/color-samples/pink-on-orange.png and /dev/null differ
diff --git a/generator/static/images/color-samples/pink-on-orange.webp b/generator/static/images/color-samples/pink-on-orange.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1f35a5f3b9321517ee6ae12fce4f818683cc99cb
Binary files /dev/null and b/generator/static/images/color-samples/pink-on-orange.webp differ
diff --git a/generator/static/images/color-samples/purple-on-pink.png b/generator/static/images/color-samples/purple-on-pink.png
deleted file mode 100644
index 046571b74462ec1428b4389cd5c72f51413b4602..0000000000000000000000000000000000000000
Binary files a/generator/static/images/color-samples/purple-on-pink.png and /dev/null differ
diff --git a/generator/static/images/color-samples/purple-on-pink.webp b/generator/static/images/color-samples/purple-on-pink.webp
new file mode 100644
index 0000000000000000000000000000000000000000..866d43b4d819a4dc966e6e982a7242fed6f913ac
Binary files /dev/null and b/generator/static/images/color-samples/purple-on-pink.webp differ
diff --git a/generator/static/images/examples/banner_name_left.png b/generator/static/images/examples/banner_name_left.png
deleted file mode 100644
index ca4f5b19b8b4d75822667760a65cfb43fbd8d0e8..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/banner_name_left.png and /dev/null differ
diff --git a/generator/static/images/examples/banner_name_left.webp b/generator/static/images/examples/banner_name_left.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b8c7d3de06461b448d8f873a9c95db0e45598ff6
Binary files /dev/null and b/generator/static/images/examples/banner_name_left.webp differ
diff --git a/generator/static/images/examples/banner_name_right.png b/generator/static/images/examples/banner_name_right.png
deleted file mode 100644
index 7380d117b3fe5196103a1adbb9125f617c4b4890..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/banner_name_right.png and /dev/null differ
diff --git a/generator/static/images/examples/banner_name_right.webp b/generator/static/images/examples/banner_name_right.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3b17fddb24ee4df86adcf6eb0e9aec99e5a81bf6
Binary files /dev/null and b/generator/static/images/examples/banner_name_right.webp differ
diff --git a/generator/static/images/examples/billboard.png b/generator/static/images/examples/billboard.png
deleted file mode 100644
index 185e8ab6118788633c23cc0128c0f1fbc7430345..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/billboard.png and /dev/null differ
diff --git a/generator/static/images/examples/billboard.webp b/generator/static/images/examples/billboard.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7ae5b0348adef876e6c403dece30ed418049266b
Binary files /dev/null and b/generator/static/images/examples/billboard.webp differ
diff --git a/generator/static/images/examples/bottom-slogan-gradient-icon.webp b/generator/static/images/examples/bottom-slogan-gradient-icon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f4e8669bcf4fe091d784d409d19fb3f1aa1db8f2
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan-gradient-icon.webp differ
diff --git a/generator/static/images/examples/bottom-slogan-gradient-vertical-logo.png b/generator/static/images/examples/bottom-slogan-gradient-vertical-logo.png
deleted file mode 100644
index cc6f33f1fb3e0323dc348fcf91215fb0e33ce507..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom-slogan-gradient-vertical-logo.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom-slogan-gradient-vertical-logo.webp b/generator/static/images/examples/bottom-slogan-gradient-vertical-logo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..69a89bcb3f6d015685be1e5d81f8039446157f1e
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan-gradient-vertical-logo.webp differ
diff --git a/generator/static/images/examples/bottom-slogan-gradient.png b/generator/static/images/examples/bottom-slogan-gradient.png
deleted file mode 100644
index faf1fa294d04528c17407fc72e239b31039e7374..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom-slogan-gradient.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom-slogan-gradient.webp b/generator/static/images/examples/bottom-slogan-gradient.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c944ec074ea91200173c841bea270d8c6629b972
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan-gradient.webp differ
diff --git a/generator/static/images/examples/bottom-slogan-person.png b/generator/static/images/examples/bottom-slogan-person.png
deleted file mode 100644
index f7848ffaa9e00256a1af13622808dc8e62639e1b..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom-slogan-person.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom-slogan-person.webp b/generator/static/images/examples/bottom-slogan-person.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b7a3213a02309d2bc61f43d28da162a2159b5116
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan-person.webp differ
diff --git a/generator/static/images/examples/bottom-slogan-quote.png b/generator/static/images/examples/bottom-slogan-quote.png
deleted file mode 100644
index fdf4da455454b3f16f17aea73a7566d9c0b32021..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom-slogan-quote.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom-slogan-quote.webp b/generator/static/images/examples/bottom-slogan-quote.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e894bbbe8a008b1bc5cff098070ebd86a59541a3
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan-quote.webp differ
diff --git a/generator/static/images/examples/bottom-slogan-vertical-logo.png b/generator/static/images/examples/bottom-slogan-vertical-logo.png
deleted file mode 100644
index f7e38f7b03e9d29d5a55ae2ca4b2c38669ee0437..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom-slogan-vertical-logo.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom-slogan-vertical-logo.webp b/generator/static/images/examples/bottom-slogan-vertical-logo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ccafedb726dda94512b387fb0af9697ae24e6bf2
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan-vertical-logo.webp differ
diff --git a/generator/static/images/examples/bottom-slogan.png b/generator/static/images/examples/bottom-slogan.png
deleted file mode 100644
index 6b3b5aeb2ab7a9e8a82604e27b0362d6184af788..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom-slogan.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom-slogan.webp b/generator/static/images/examples/bottom-slogan.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a6d41af983680bff1732c1116309f1207d9afb66
Binary files /dev/null and b/generator/static/images/examples/bottom-slogan.webp differ
diff --git a/generator/static/images/examples/bottom_slogan_full_width.png b/generator/static/images/examples/bottom_slogan_full_width.png
deleted file mode 100644
index 61129447b538114fdc38302c0901b1387acfd01a..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/bottom_slogan_full_width.png and /dev/null differ
diff --git a/generator/static/images/examples/bottom_slogan_full_width.webp b/generator/static/images/examples/bottom_slogan_full_width.webp
new file mode 100644
index 0000000000000000000000000000000000000000..89b8647429360f10899a51ffdcdd22efa89b1af3
Binary files /dev/null and b/generator/static/images/examples/bottom_slogan_full_width.webp differ
diff --git a/generator/static/images/examples/cover-left.png b/generator/static/images/examples/cover-left.png
deleted file mode 100644
index 803db264a2371f34aa0a485c6b6148bcc38fa167..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/cover-left.png and /dev/null differ
diff --git a/generator/static/images/examples/cover-left.webp b/generator/static/images/examples/cover-left.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6bac7b00595521f4dd01e527d6ccebd2a359ab5f
Binary files /dev/null and b/generator/static/images/examples/cover-left.webp differ
diff --git a/generator/static/images/examples/cover.png b/generator/static/images/examples/cover.png
deleted file mode 100644
index ac34077c822205dcd069c4afa8f4e44193e32018..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/cover.png and /dev/null differ
diff --git a/generator/static/images/examples/cover.webp b/generator/static/images/examples/cover.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5498c1dfb6ce5bb97ca47f306c281caf678c5436
Binary files /dev/null and b/generator/static/images/examples/cover.webp differ
diff --git a/generator/static/images/examples/cssd_base.png b/generator/static/images/examples/cssd_base.png
deleted file mode 100644
index 8c799daced796558bed61f3caa4adb79851c3119..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/cssd_base.png and /dev/null differ
diff --git a/generator/static/images/examples/cssd_base.webp b/generator/static/images/examples/cssd_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..55f859bcb758def555dc5159141ea87d364a8a03
Binary files /dev/null and b/generator/static/images/examples/cssd_base.webp differ
diff --git a/generator/static/images/examples/cssd_black_red.png b/generator/static/images/examples/cssd_black_red.png
deleted file mode 100644
index 33d7206a05d44efddddbcf3fda01e56711a7491f..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/cssd_black_red.png and /dev/null differ
diff --git a/generator/static/images/examples/cssd_black_red.webp b/generator/static/images/examples/cssd_black_red.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0e805ba60193d3e3b5a4189790f0fdcaba068966
Binary files /dev/null and b/generator/static/images/examples/cssd_black_red.webp differ
diff --git a/generator/static/images/examples/cssd_red_black.png b/generator/static/images/examples/cssd_red_black.png
deleted file mode 100644
index 3aa81ab53cc7d112987052baae227c04b04f70b8..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/cssd_red_black.png and /dev/null differ
diff --git a/generator/static/images/examples/cssd_red_black.webp b/generator/static/images/examples/cssd_red_black.webp
new file mode 100644
index 0000000000000000000000000000000000000000..30c970d21231fe57ec9942a7cf9afcb4ece31eab
Binary files /dev/null and b/generator/static/images/examples/cssd_red_black.webp differ
diff --git a/generator/static/images/examples/czpres.png b/generator/static/images/examples/czpres.png
deleted file mode 100644
index 781f4cf971c7d1b9074a08fed639d3de5cf17f91..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/czpres.png and /dev/null differ
diff --git a/generator/static/images/examples/czpres.webp b/generator/static/images/examples/czpres.webp
new file mode 100644
index 0000000000000000000000000000000000000000..42758a10382000cd01dbb5042809da1de456869f
Binary files /dev/null and b/generator/static/images/examples/czpres.webp differ
diff --git a/generator/static/images/examples/dana_balcarova_dark.png b/generator/static/images/examples/dana_balcarova_dark.png
deleted file mode 100644
index 94c176d9d3a9d25002c2647c8b8df7f070f63a88..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/dana_balcarova_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/dana_balcarova_dark.webp b/generator/static/images/examples/dana_balcarova_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0cf5f85b2f6aff7fb02add58a02f23d3cb942331
Binary files /dev/null and b/generator/static/images/examples/dana_balcarova_dark.webp differ
diff --git a/generator/static/images/examples/dana_balcarova_light.png b/generator/static/images/examples/dana_balcarova_light.png
deleted file mode 100644
index d628c64453bb0811a42e33b57386a9a8e3aadbf5..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/dana_balcarova_light.png and /dev/null differ
diff --git a/generator/static/images/examples/dana_balcarova_light.webp b/generator/static/images/examples/dana_balcarova_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..574b0a97f9b672d84251229c5454dd98a0357839
Binary files /dev/null and b/generator/static/images/examples/dana_balcarova_light.webp differ
diff --git a/generator/static/images/examples/eu_icons_image.png b/generator/static/images/examples/eu_icons_image.png
deleted file mode 100644
index 9c204c52b951a6d9d41e3daaa067949f2642b2b0..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/eu_icons_image.png and /dev/null differ
diff --git a/generator/static/images/examples/eu_icons_image.webp b/generator/static/images/examples/eu_icons_image.webp
new file mode 100644
index 0000000000000000000000000000000000000000..da6769643c45f56f1f54a7b17447cca8f8dc4c70
Binary files /dev/null and b/generator/static/images/examples/eu_icons_image.webp differ
diff --git a/generator/static/images/examples/eu_image_long_text.png b/generator/static/images/examples/eu_image_long_text.png
deleted file mode 100644
index f1cce646a0e520b4e01f26cf28686610b3ee95d0..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/eu_image_long_text.png and /dev/null differ
diff --git a/generator/static/images/examples/eu_image_long_text.webp b/generator/static/images/examples/eu_image_long_text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..eba5240957acabb01f9259544e3f504490213ea6
Binary files /dev/null and b/generator/static/images/examples/eu_image_long_text.webp differ
diff --git a/generator/static/images/examples/eu_image_slogan.png b/generator/static/images/examples/eu_image_slogan.png
deleted file mode 100644
index a817b76708eb066dc233406041eaed628d1e4a67..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/eu_image_slogan.png and /dev/null differ
diff --git a/generator/static/images/examples/eu_image_slogan.webp b/generator/static/images/examples/eu_image_slogan.webp
new file mode 100644
index 0000000000000000000000000000000000000000..10acd108eb7d8d76d46a6daeba77193c17e8707d
Binary files /dev/null and b/generator/static/images/examples/eu_image_slogan.webp differ
diff --git a/generator/static/images/examples/event_text_bottom.png b/generator/static/images/examples/event_text_bottom.png
deleted file mode 100644
index 4d0088ab23977487f3fb5d19a1b60b41d42135d8..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/event_text_bottom.png and /dev/null differ
diff --git a/generator/static/images/examples/event_text_bottom.webp b/generator/static/images/examples/event_text_bottom.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0acb9f0bd2cf7ab093b466731df6f7da5cc5a380
Binary files /dev/null and b/generator/static/images/examples/event_text_bottom.webp differ
diff --git a/generator/static/images/examples/event_text_right.png b/generator/static/images/examples/event_text_right.png
deleted file mode 100644
index 139dc4873d9ed14e97374d052ee94560c8026ed6..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/event_text_right.png and /dev/null differ
diff --git a/generator/static/images/examples/event_text_right.webp b/generator/static/images/examples/event_text_right.webp
new file mode 100644
index 0000000000000000000000000000000000000000..8916e6591e3fc316078cb86725c788be7e7a5010
Binary files /dev/null and b/generator/static/images/examples/event_text_right.webp differ
diff --git a/generator/static/images/examples/forum_jihlava.png b/generator/static/images/examples/forum_jihlava.png
deleted file mode 100644
index 61598749f1a34d1d5d528323e2e7cf4a04e5245b..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/forum_jihlava.png and /dev/null differ
diff --git a/generator/static/images/examples/forum_jihlava.webp b/generator/static/images/examples/forum_jihlava.webp
new file mode 100644
index 0000000000000000000000000000000000000000..8c186f5250486d183691fae18ee563f98c8e90ee
Binary files /dev/null and b/generator/static/images/examples/forum_jihlava.webp differ
diff --git a/generator/static/images/examples/forum_jihlava_purple_dark.png b/generator/static/images/examples/forum_jihlava_purple_dark.png
deleted file mode 100644
index 72af38b1937fd0fdc6222bd1e5e818cf0121c2e2..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/forum_jihlava_purple_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/forum_jihlava_purple_dark.webp b/generator/static/images/examples/forum_jihlava_purple_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..77cfbbbb7e5749565f055134a631c142bd2135de
Binary files /dev/null and b/generator/static/images/examples/forum_jihlava_purple_dark.webp differ
diff --git a/generator/static/images/examples/forum_jihlava_purple_light.png b/generator/static/images/examples/forum_jihlava_purple_light.png
deleted file mode 100644
index 671a951c7489303c6ae468b3966b7a86d3d20e52..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/forum_jihlava_purple_light.png and /dev/null differ
diff --git a/generator/static/images/examples/forum_jihlava_purple_light.webp b/generator/static/images/examples/forum_jihlava_purple_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..47f2988631cab3a5bd2123fcb1f5522ab6aecb04
Binary files /dev/null and b/generator/static/images/examples/forum_jihlava_purple_light.webp differ
diff --git a/generator/static/images/examples/humans-no-quote.png b/generator/static/images/examples/humans-no-quote.png
deleted file mode 100644
index deee06831006d85688b154e73da4e956261fa3c3..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/humans-no-quote.png and /dev/null differ
diff --git a/generator/static/images/examples/humans-no-quote.webp b/generator/static/images/examples/humans-no-quote.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e23ddb3cfa9992c90658608864db24c75dddbd92
Binary files /dev/null and b/generator/static/images/examples/humans-no-quote.webp differ
diff --git a/generator/static/images/examples/humans.png b/generator/static/images/examples/humans.png
deleted file mode 100644
index 836ddba393fbb7ade72c6e970140022996935e5b..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/humans.png and /dev/null differ
diff --git a/generator/static/images/examples/humans.webp b/generator/static/images/examples/humans.webp
new file mode 100644
index 0000000000000000000000000000000000000000..dd8cc00a82dd8568acfa15ec495ee7bf1f544e72
Binary files /dev/null and b/generator/static/images/examples/humans.webp differ
diff --git a/generator/static/images/examples/ivan_points.png b/generator/static/images/examples/ivan_points.png
deleted file mode 100644
index ef302bf83e8b6174cbcfc033ecfe7d9d0637662e..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/ivan_points.png and /dev/null differ
diff --git a/generator/static/images/examples/ivan_points.webp b/generator/static/images/examples/ivan_points.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ddbf46e37ae702af40a13eef6ca73f803f5a9231
Binary files /dev/null and b/generator/static/images/examples/ivan_points.webp differ
diff --git a/generator/static/images/examples/ivan_short_claim.png b/generator/static/images/examples/ivan_short_claim.png
deleted file mode 100644
index 2da9d24ced4f701512677e1e71702896abd62887..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/ivan_short_claim.png and /dev/null differ
diff --git a/generator/static/images/examples/ivan_short_claim.webp b/generator/static/images/examples/ivan_short_claim.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1d35447e160fb743463c9783723b71cb05604859
Binary files /dev/null and b/generator/static/images/examples/ivan_short_claim.webp differ
diff --git a/generator/static/images/examples/jilemnice_base.png b/generator/static/images/examples/jilemnice_base.png
deleted file mode 100644
index f6a58d4bafdb26617092ab0ac6ade325d0479b61..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/jilemnice_base.png and /dev/null differ
diff --git a/generator/static/images/examples/jilemnice_base.webp b/generator/static/images/examples/jilemnice_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c0d10aba503f09d7bc3a1aa45650570894ad0b0d
Binary files /dev/null and b/generator/static/images/examples/jilemnice_base.webp differ
diff --git a/generator/static/images/examples/jilemnice_black_purple.png b/generator/static/images/examples/jilemnice_black_purple.png
deleted file mode 100644
index 20a3d73230af33e1f4c0657556e17757bd435f46..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/jilemnice_black_purple.png and /dev/null differ
diff --git a/generator/static/images/examples/jilemnice_black_purple.webp b/generator/static/images/examples/jilemnice_black_purple.webp
new file mode 100644
index 0000000000000000000000000000000000000000..69461ccab61090d803edd0f67bd1da7cc7c902ac
Binary files /dev/null and b/generator/static/images/examples/jilemnice_black_purple.webp differ
diff --git a/generator/static/images/examples/jilemnice_purple_black.png b/generator/static/images/examples/jilemnice_purple_black.png
deleted file mode 100644
index 286977300f3b61144596b38b3f8fc0204cb48ea9..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/jilemnice_purple_black.png and /dev/null differ
diff --git a/generator/static/images/examples/jilemnice_purple_black.webp b/generator/static/images/examples/jilemnice_purple_black.webp
new file mode 100644
index 0000000000000000000000000000000000000000..33398f819a88b15afa54394a8514a921ef27b865
Binary files /dev/null and b/generator/static/images/examples/jilemnice_purple_black.webp differ
diff --git a/generator/static/images/examples/komise.png b/generator/static/images/examples/komise.png
deleted file mode 100644
index 2f326baac3e309320c6047be4ae4ff1ef02749ef..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/komise.png and /dev/null differ
diff --git a/generator/static/images/examples/komise.webp b/generator/static/images/examples/komise.webp
new file mode 100644
index 0000000000000000000000000000000000000000..77cff2d30f90d3718e8a2d23e068c8d65df0d698
Binary files /dev/null and b/generator/static/images/examples/komise.webp differ
diff --git a/generator/static/images/examples/komise_story.png b/generator/static/images/examples/komise_story.png
deleted file mode 100644
index 150bc6a2ce6edfe88bd6a2a8cc1fd665a9def447..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/komise_story.png and /dev/null differ
diff --git a/generator/static/images/examples/komise_story.webp b/generator/static/images/examples/komise_story.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6b0f2fd8afa8a6be2075d1bb6084a261bc2e3ee4
Binary files /dev/null and b/generator/static/images/examples/komise_story.webp differ
diff --git a/generator/static/images/examples/koneckorupci.png b/generator/static/images/examples/koneckorupci.png
deleted file mode 100644
index 0c1e015f7939318f08be134565c5858cfa937f5c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/koneckorupci.png and /dev/null differ
diff --git a/generator/static/images/examples/koneckorupci.webp b/generator/static/images/examples/koneckorupci.webp
new file mode 100644
index 0000000000000000000000000000000000000000..005fa0effa4cc8697c814c84bfab87d3c46652f4
Binary files /dev/null and b/generator/static/images/examples/koneckorupci.webp differ
diff --git a/generator/static/images/examples/left-long-text.png b/generator/static/images/examples/left-long-text.png
deleted file mode 100644
index 13d45e70568127bc8d51bdafc8de1f0f77c657ef..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/left-long-text.png and /dev/null differ
diff --git a/generator/static/images/examples/left-long-text.webp b/generator/static/images/examples/left-long-text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c5fff98dad063173ceff541007ef6fb6f6c04ab1
Binary files /dev/null and b/generator/static/images/examples/left-long-text.webp differ
diff --git a/generator/static/images/examples/left_corner_slogan.png b/generator/static/images/examples/left_corner_slogan.png
deleted file mode 100644
index 6e8d6a0953d97915dfa7596699328ae43c168425..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/left_corner_slogan.png and /dev/null differ
diff --git a/generator/static/images/examples/left_corner_slogan.webp b/generator/static/images/examples/left_corner_slogan.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0ab0efbc08fd44a1ff0a2cdc4b5173c980505eb4
Binary files /dev/null and b/generator/static/images/examples/left_corner_slogan.webp differ
diff --git a/generator/static/images/examples/louny_spolecne.png b/generator/static/images/examples/louny_spolecne.png
deleted file mode 100644
index b8114495308f0e27acd32ef38b0b391a4fe75002..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/louny_spolecne.png and /dev/null differ
diff --git a/generator/static/images/examples/louny_spolecne.webp b/generator/static/images/examples/louny_spolecne.webp
new file mode 100644
index 0000000000000000000000000000000000000000..76a0edd2c6483eba05dc70ae0abde0828ddddb37
Binary files /dev/null and b/generator/static/images/examples/louny_spolecne.webp differ
diff --git a/generator/static/images/examples/louny_spolecne_purple_dark.png b/generator/static/images/examples/louny_spolecne_purple_dark.png
deleted file mode 100644
index 980a7b6ce235fb2f407ce0cc207cbb0681b7c7ad..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/louny_spolecne_purple_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/louny_spolecne_purple_dark.webp b/generator/static/images/examples/louny_spolecne_purple_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..46492abd9dcb21cbe0ac4a53ff96515d097a4db8
Binary files /dev/null and b/generator/static/images/examples/louny_spolecne_purple_dark.webp differ
diff --git a/generator/static/images/examples/louny_spolecne_purple_light.png b/generator/static/images/examples/louny_spolecne_purple_light.png
deleted file mode 100644
index cfa04b06286e1399e338416fa41a4305a4edf88a..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/louny_spolecne_purple_light.png and /dev/null differ
diff --git a/generator/static/images/examples/louny_spolecne_purple_light.webp b/generator/static/images/examples/louny_spolecne_purple_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7d5741264f74f83eccbb5c52665eb648ddbe9636
Binary files /dev/null and b/generator/static/images/examples/louny_spolecne_purple_light.webp differ
diff --git a/generator/static/images/examples/nalodeni.png b/generator/static/images/examples/nalodeni.png
deleted file mode 100644
index a34c70b5a4a05827ecf5e28df030aea3ee24af7a..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/nalodeni.png and /dev/null differ
diff --git a/generator/static/images/examples/nalodeni.webp b/generator/static/images/examples/nalodeni.webp
new file mode 100644
index 0000000000000000000000000000000000000000..872748f902f11108d5aa07cf1c3c48e05e79a28f
Binary files /dev/null and b/generator/static/images/examples/nalodeni.webp differ
diff --git a/generator/static/images/examples/nalodeni_story.png b/generator/static/images/examples/nalodeni_story.png
deleted file mode 100644
index 2095238b3d8eb5c4dc2252bd8bf8f90a60360eae..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/nalodeni_story.png and /dev/null differ
diff --git a/generator/static/images/examples/nalodeni_story.webp b/generator/static/images/examples/nalodeni_story.webp
new file mode 100644
index 0000000000000000000000000000000000000000..bb8dceb9c1ff6f3d5773afd9356a234b2d91e797
Binary files /dev/null and b/generator/static/images/examples/nalodeni_story.webp differ
diff --git a/generator/static/images/examples/nezavisli_dark.png b/generator/static/images/examples/nezavisli_dark.png
deleted file mode 100644
index 0b6a959ae0024e30c30ea09b2f0e416450b56324..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/nezavisli_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/nezavisli_dark.webp b/generator/static/images/examples/nezavisli_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2b4dc1844f5e7533cd732beef22dd03328da522a
Binary files /dev/null and b/generator/static/images/examples/nezavisli_dark.webp differ
diff --git a/generator/static/images/examples/nezavisli_light.png b/generator/static/images/examples/nezavisli_light.png
deleted file mode 100644
index 552c6b466ed156bdbe3774ab59fae50517d1b1a6..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/nezavisli_light.png and /dev/null differ
diff --git a/generator/static/images/examples/nezavisli_light.webp b/generator/static/images/examples/nezavisli_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..669e2dd5fbddedeebf06b0166cea90de9822e139
Binary files /dev/null and b/generator/static/images/examples/nezavisli_light.webp differ
diff --git a/generator/static/images/examples/no-image-text-icon-vertical-logo.png b/generator/static/images/examples/no-image-text-icon-vertical-logo.png
deleted file mode 100644
index e60ea52e3cc69f36152ff9b9a47f71628c79fa28..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/no-image-text-icon-vertical-logo.png and /dev/null differ
diff --git a/generator/static/images/examples/no-image-text-icon-vertical-logo.webp b/generator/static/images/examples/no-image-text-icon-vertical-logo.webp
new file mode 100644
index 0000000000000000000000000000000000000000..376f4ce6be21d3e4b3d6ca470e9827ab0a271239
Binary files /dev/null and b/generator/static/images/examples/no-image-text-icon-vertical-logo.webp differ
diff --git a/generator/static/images/examples/no_image_big_text_and_icon.png b/generator/static/images/examples/no_image_big_text_and_icon.png
deleted file mode 100644
index 2a3dfd1e8e6aede2180c030a703c6a758750c3a4..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/no_image_big_text_and_icon.png and /dev/null differ
diff --git a/generator/static/images/examples/no_image_big_text_and_icon.webp b/generator/static/images/examples/no_image_big_text_and_icon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a5b9fb75bd1fcbcccc19d3d0688b41c99851abef
Binary files /dev/null and b/generator/static/images/examples/no_image_big_text_and_icon.webp differ
diff --git a/generator/static/images/examples/no_image_big_text_and_icon_with_terciary.png b/generator/static/images/examples/no_image_big_text_and_icon_with_terciary.png
deleted file mode 100644
index af6f8a9f94338127a56929d9c22470210e9fc6ee..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/no_image_big_text_and_icon_with_terciary.png and /dev/null differ
diff --git a/generator/static/images/examples/no_image_big_text_and_icon_with_terciary.webp b/generator/static/images/examples/no_image_big_text_and_icon_with_terciary.webp
new file mode 100644
index 0000000000000000000000000000000000000000..18463fdf15195aa705827ab4d2426a607b44c0e2
Binary files /dev/null and b/generator/static/images/examples/no_image_big_text_and_icon_with_terciary.webp differ
diff --git a/generator/static/images/examples/no_image_icon_text.png b/generator/static/images/examples/no_image_icon_text.png
deleted file mode 100644
index f3dbb5f475edb51f4f29c5c90bb3caa02726f673..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/no_image_icon_text.png and /dev/null differ
diff --git a/generator/static/images/examples/no_image_icon_text.webp b/generator/static/images/examples/no_image_icon_text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d9abbf50ecfbf82b94beb4491ae641e909fb5e20
Binary files /dev/null and b/generator/static/images/examples/no_image_icon_text.webp differ
diff --git a/generator/static/images/examples/no_image_quote.png b/generator/static/images/examples/no_image_quote.png
deleted file mode 100644
index beb4b1512c74045ad317eb95432dcbb433d9573d..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/no_image_quote.png and /dev/null differ
diff --git a/generator/static/images/examples/no_image_quote.webp b/generator/static/images/examples/no_image_quote.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d93b8c5c901689c9d04392a9d1da79e6d20d62f4
Binary files /dev/null and b/generator/static/images/examples/no_image_quote.webp differ
diff --git a/generator/static/images/examples/no_image_text_more_info.png b/generator/static/images/examples/no_image_text_more_info.png
deleted file mode 100644
index 70eb51bdbddec5080616ad39bbb9afba886765e5..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/no_image_text_more_info.png and /dev/null differ
diff --git a/generator/static/images/examples/no_image_text_more_info.webp b/generator/static/images/examples/no_image_text_more_info.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3d26983ae168e60b4ebb8b29fb6eb4035ae84631
Binary files /dev/null and b/generator/static/images/examples/no_image_text_more_info.webp differ
diff --git a/generator/static/images/examples/novarole_base.png b/generator/static/images/examples/novarole_base.png
deleted file mode 100644
index 4b7fd7a212881f189fb2ce6932a446a8f98de463..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/novarole_base.png and /dev/null differ
diff --git a/generator/static/images/examples/novarole_base.webp b/generator/static/images/examples/novarole_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..889b35170091eab401f3c8cdacba21fb39305d26
Binary files /dev/null and b/generator/static/images/examples/novarole_base.webp differ
diff --git a/generator/static/images/examples/novarole_green_black.png b/generator/static/images/examples/novarole_green_black.png
deleted file mode 100644
index f4209ff665c6860a34f44bf1afec006280c1569e..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/novarole_green_black.png and /dev/null differ
diff --git a/generator/static/images/examples/novarole_green_black.webp b/generator/static/images/examples/novarole_green_black.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b1123e5bbab66a94f74db5643400317e83160179
Binary files /dev/null and b/generator/static/images/examples/novarole_green_black.webp differ
diff --git a/generator/static/images/examples/novarole_green_white.png b/generator/static/images/examples/novarole_green_white.png
deleted file mode 100644
index 022468cdacafc042ab7039fe7da7a7981a479641..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/novarole_green_white.png and /dev/null differ
diff --git a/generator/static/images/examples/novarole_green_white.webp b/generator/static/images/examples/novarole_green_white.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1dbc6577a3f52c4ef7444a4632ebb98e9789207d
Binary files /dev/null and b/generator/static/images/examples/novarole_green_white.webp differ
diff --git a/generator/static/images/examples/novarole_white_green.png b/generator/static/images/examples/novarole_white_green.png
deleted file mode 100644
index a6a54d305d2bd49d90c82e4fa87e308a512e42d1..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/novarole_white_green.png and /dev/null differ
diff --git a/generator/static/images/examples/novarole_white_green.webp b/generator/static/images/examples/novarole_white_green.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b6ebd8df230f2f0f66c38daeffbdba7c538c42d4
Binary files /dev/null and b/generator/static/images/examples/novarole_white_green.webp differ
diff --git a/generator/static/images/examples/pirati_spolecne.png b/generator/static/images/examples/pirati_spolecne.png
deleted file mode 100644
index 234faba1e24304660ce73cbf0ac23dcfd85eaf2e..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/pirati_spolecne.png and /dev/null differ
diff --git a/generator/static/images/examples/pirati_spolecne.webp b/generator/static/images/examples/pirati_spolecne.webp
new file mode 100644
index 0000000000000000000000000000000000000000..40a3527a7eb88ba3d06b9e6dcbfceaef23ce1593
Binary files /dev/null and b/generator/static/images/examples/pirati_spolecne.webp differ
diff --git a/generator/static/images/examples/pirati_spolecne_blue_dark.png b/generator/static/images/examples/pirati_spolecne_blue_dark.png
deleted file mode 100644
index 7a35769e51dfb9a934dedcd5c49b61680b5330a7..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/pirati_spolecne_blue_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/pirati_spolecne_blue_dark.webp b/generator/static/images/examples/pirati_spolecne_blue_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ace70c72ecc16a7c50b5120f36bed6a1eba74e98
Binary files /dev/null and b/generator/static/images/examples/pirati_spolecne_blue_dark.webp differ
diff --git a/generator/static/images/examples/pirati_spolecne_blue_light.png b/generator/static/images/examples/pirati_spolecne_blue_light.png
deleted file mode 100644
index 4f4109c90bedbe162267b2ec40077ca762225bd1..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/pirati_spolecne_blue_light.png and /dev/null differ
diff --git a/generator/static/images/examples/pirati_spolecne_blue_light.webp b/generator/static/images/examples/pirati_spolecne_blue_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ed0e2e6ca622a8d4c341333d074775a13b09fbfa
Binary files /dev/null and b/generator/static/images/examples/pirati_spolecne_blue_light.webp differ
diff --git a/generator/static/images/examples/poll.png b/generator/static/images/examples/poll.png
deleted file mode 100644
index 208d44ed35b76da0b3f09ef63601cd2d74f0f9bc..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/poll.png and /dev/null differ
diff --git a/generator/static/images/examples/poll.webp b/generator/static/images/examples/poll.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c5423e2386b288df1c8fee58b2c5ae750908a53a
Binary files /dev/null and b/generator/static/images/examples/poll.webp differ
diff --git a/generator/static/images/examples/poster_bottom_slogan.png b/generator/static/images/examples/poster_bottom_slogan.png
deleted file mode 100644
index bb4a644367191bf87f6287ed2586fd2f8cb99970..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/poster_bottom_slogan.png and /dev/null differ
diff --git a/generator/static/images/examples/poster_bottom_slogan.webp b/generator/static/images/examples/poster_bottom_slogan.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b4023f3d22f860bdcbb14f44d6eda35b8d821723
Binary files /dev/null and b/generator/static/images/examples/poster_bottom_slogan.webp differ
diff --git a/generator/static/images/examples/poster_bottom_slogan_no_icon.png b/generator/static/images/examples/poster_bottom_slogan_no_icon.png
deleted file mode 100644
index ab8be785c7a2241be51dfab99e3b88be3a5b4734..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/poster_bottom_slogan_no_icon.png and /dev/null differ
diff --git a/generator/static/images/examples/poster_bottom_slogan_no_icon.webp b/generator/static/images/examples/poster_bottom_slogan_no_icon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7ab363852a43b107a8a3bfff50d814fd1235687e
Binary files /dev/null and b/generator/static/images/examples/poster_bottom_slogan_no_icon.webp differ
diff --git a/generator/static/images/examples/poster_center_slogan_icons_no_image.png b/generator/static/images/examples/poster_center_slogan_icons_no_image.png
deleted file mode 100644
index 44348a5d1e5b391c1063785339bd0cf3128d021f..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/poster_center_slogan_icons_no_image.png and /dev/null differ
diff --git a/generator/static/images/examples/poster_center_slogan_icons_no_image.webp b/generator/static/images/examples/poster_center_slogan_icons_no_image.webp
new file mode 100644
index 0000000000000000000000000000000000000000..877832c32265a211e426aae6dd97c532f09025bd
Binary files /dev/null and b/generator/static/images/examples/poster_center_slogan_icons_no_image.webp differ
diff --git a/generator/static/images/examples/poster_center_slogan_no_image.png b/generator/static/images/examples/poster_center_slogan_no_image.png
deleted file mode 100644
index 489fec9dde8964bb14fd9325bd46082eeabcd040..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/poster_center_slogan_no_image.png and /dev/null differ
diff --git a/generator/static/images/examples/poster_center_slogan_no_image.webp b/generator/static/images/examples/poster_center_slogan_no_image.webp
new file mode 100644
index 0000000000000000000000000000000000000000..8f82dce403d80aa68dbc4dead5bfd447c5123855
Binary files /dev/null and b/generator/static/images/examples/poster_center_slogan_no_image.webp differ
diff --git a/generator/static/images/examples/poster_event.png b/generator/static/images/examples/poster_event.png
deleted file mode 100644
index b7604a6e61eb3fdd0e2465a12260e1225dff9ad6..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/poster_event.png and /dev/null differ
diff --git a/generator/static/images/examples/poster_event.webp b/generator/static/images/examples/poster_event.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f71b0b55824f212ddbd3e647b61949c6d5d8ecee
Binary files /dev/null and b/generator/static/images/examples/poster_event.webp differ
diff --git a/generator/static/images/examples/pro-usti-poster.png b/generator/static/images/examples/pro-usti-poster.png
deleted file mode 100644
index 5b02ab3ba07c1b55df953a982df8b8cdbf3cfec4..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/pro-usti-poster.png and /dev/null differ
diff --git a/generator/static/images/examples/pro-usti-poster.webp b/generator/static/images/examples/pro-usti-poster.webp
new file mode 100644
index 0000000000000000000000000000000000000000..288299306c6bd7e5ea2c099bea2192199930042c
Binary files /dev/null and b/generator/static/images/examples/pro-usti-poster.webp differ
diff --git a/generator/static/images/examples/pro-usti-slogan-bubble.png b/generator/static/images/examples/pro-usti-slogan-bubble.png
deleted file mode 100644
index 8120c1665c3a55a79adec168eb2282bc8183b588..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/pro-usti-slogan-bubble.png and /dev/null differ
diff --git a/generator/static/images/examples/pro-usti-slogan-bubble.webp b/generator/static/images/examples/pro-usti-slogan-bubble.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7a24d366cb33cbf7db433346f725b2aaa7964b93
Binary files /dev/null and b/generator/static/images/examples/pro-usti-slogan-bubble.webp differ
diff --git a/generator/static/images/examples/pro-usti-slogan-icon-bubble.png b/generator/static/images/examples/pro-usti-slogan-icon-bubble.png
deleted file mode 100644
index 1336d99ac6f50d71cdc4a7e124751a5b934b1cfc..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/pro-usti-slogan-icon-bubble.png and /dev/null differ
diff --git a/generator/static/images/examples/pro-usti-slogan-icon-bubble.webp b/generator/static/images/examples/pro-usti-slogan-icon-bubble.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5fae916eed66c2374892423ccd1630e6fcb5daa2
Binary files /dev/null and b/generator/static/images/examples/pro-usti-slogan-icon-bubble.webp differ
diff --git a/generator/static/images/examples/prusanky_base.png b/generator/static/images/examples/prusanky_base.png
deleted file mode 100644
index 62cd8b80c7f9c6f01d139d32c435caa94c484690..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/prusanky_base.png and /dev/null differ
diff --git a/generator/static/images/examples/prusanky_base.webp b/generator/static/images/examples/prusanky_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2b3597efcab12314195fdd6582e42e18ea9f200f
Binary files /dev/null and b/generator/static/images/examples/prusanky_base.webp differ
diff --git a/generator/static/images/examples/prusanky_black_yellow.png b/generator/static/images/examples/prusanky_black_yellow.png
deleted file mode 100644
index b81f25906222b4e59e01d0e20567d56807ae7499..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/prusanky_black_yellow.png and /dev/null differ
diff --git a/generator/static/images/examples/prusanky_black_yellow.webp b/generator/static/images/examples/prusanky_black_yellow.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3779a623499d68b00d507b553eba6c8ad0b1f057
Binary files /dev/null and b/generator/static/images/examples/prusanky_black_yellow.webp differ
diff --git a/generator/static/images/examples/prusanky_white_yellow.png b/generator/static/images/examples/prusanky_white_yellow.png
deleted file mode 100644
index 3ef820b6cc7d54c1a14c71a4ad74299eca011454..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/prusanky_white_yellow.png and /dev/null differ
diff --git a/generator/static/images/examples/prusanky_white_yellow.webp b/generator/static/images/examples/prusanky_white_yellow.webp
new file mode 100644
index 0000000000000000000000000000000000000000..dba997ad38bc8159c08e357d8a3de7dbb82093b0
Binary files /dev/null and b/generator/static/images/examples/prusanky_white_yellow.webp differ
diff --git a/generator/static/images/examples/prusanky_yellow_white.png b/generator/static/images/examples/prusanky_yellow_white.png
deleted file mode 100644
index 17289e21062b56bdf7d8bb52500e1fe23281ec84..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/prusanky_yellow_white.png and /dev/null differ
diff --git a/generator/static/images/examples/prusanky_yellow_white.webp b/generator/static/images/examples/prusanky_yellow_white.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3ec4a1fabb6936dc049c06d863faa12b7b2f4665
Binary files /dev/null and b/generator/static/images/examples/prusanky_yellow_white.webp differ
diff --git a/generator/static/images/examples/right-big-text.png b/generator/static/images/examples/right-big-text.png
deleted file mode 100644
index 264651b502e1a3e8ea3f77ce74f828f4c34eabf4..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/right-big-text.png and /dev/null differ
diff --git a/generator/static/images/examples/right-big-text.webp b/generator/static/images/examples/right-big-text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..aba831e41f456f22a3eacb2487f8cf09fedd882a
Binary files /dev/null and b/generator/static/images/examples/right-big-text.webp differ
diff --git a/generator/static/images/examples/right-long-text.png b/generator/static/images/examples/right-long-text.png
deleted file mode 100644
index 0fbd5840dfaf485ff69a3fa2320233eb965b9e34..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/right-long-text.png and /dev/null differ
diff --git a/generator/static/images/examples/right-long-text.webp b/generator/static/images/examples/right-long-text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6e27e60774a14eccafe9fc6b98d222c51179b5cf
Binary files /dev/null and b/generator/static/images/examples/right-long-text.webp differ
diff --git a/generator/static/images/examples/rollup_big_logo_short_text.png b/generator/static/images/examples/rollup_big_logo_short_text.png
deleted file mode 100644
index e47ec8b4eaec4176798976bafdf550c010fbc342..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/rollup_big_logo_short_text.png and /dev/null differ
diff --git a/generator/static/images/examples/rollup_big_logo_short_text.webp b/generator/static/images/examples/rollup_big_logo_short_text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..fdb6e46d562cbac2a0bd1e68e1c332d7c9df8a58
Binary files /dev/null and b/generator/static/images/examples/rollup_big_logo_short_text.webp differ
diff --git a/generator/static/images/examples/rollup_points.png b/generator/static/images/examples/rollup_points.png
deleted file mode 100644
index b3b426463430221369dfe614a25fba16079213c4..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/rollup_points.png and /dev/null differ
diff --git a/generator/static/images/examples/rollup_points.webp b/generator/static/images/examples/rollup_points.webp
new file mode 100644
index 0000000000000000000000000000000000000000..d667126e4bf1d2b6e98f1eabf7d51e2f2b3a9bd3
Binary files /dev/null and b/generator/static/images/examples/rollup_points.webp differ
diff --git a/generator/static/images/examples/rollup_short_and_long_text.png b/generator/static/images/examples/rollup_short_and_long_text.png
deleted file mode 100644
index c4f4f955b1630308be100adf93f0c86ed4bedbda..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/rollup_short_and_long_text.png and /dev/null differ
diff --git a/generator/static/images/examples/rollup_short_and_long_text.webp b/generator/static/images/examples/rollup_short_and_long_text.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f727e46aa611738024113c43228645f09a23fbd1
Binary files /dev/null and b/generator/static/images/examples/rollup_short_and_long_text.webp differ
diff --git a/generator/static/images/examples/sticker-number.png b/generator/static/images/examples/sticker-number.png
deleted file mode 100644
index 1a4a4db4b5f3e78d3a35fe1c06a22077f93fdb80..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/sticker-number.png and /dev/null differ
diff --git a/generator/static/images/examples/sticker-number.webp b/generator/static/images/examples/sticker-number.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1d8f2c2d5f0e9e644de45bad1ed4cc7547804bc0
Binary files /dev/null and b/generator/static/images/examples/sticker-number.webp differ
diff --git a/generator/static/images/examples/story_full_bottom.png b/generator/static/images/examples/story_full_bottom.png
deleted file mode 100644
index e292189517d75d2500ade7590867bf2876b8b0e1..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/story_full_bottom.png and /dev/null differ
diff --git a/generator/static/images/examples/story_full_bottom.webp b/generator/static/images/examples/story_full_bottom.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7780b33ef1bca1f3f4f5dc3920e4c1754d26ed9b
Binary files /dev/null and b/generator/static/images/examples/story_full_bottom.webp differ
diff --git a/generator/static/images/examples/story_full_width_rectangle.png b/generator/static/images/examples/story_full_width_rectangle.png
deleted file mode 100644
index 9506b3313c251ee94db1da3f50803717059331fe..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/story_full_width_rectangle.png and /dev/null differ
diff --git a/generator/static/images/examples/story_full_width_rectangle.webp b/generator/static/images/examples/story_full_width_rectangle.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6b125a92fd46acde860b757292d582f6de0598af
Binary files /dev/null and b/generator/static/images/examples/story_full_width_rectangle.webp differ
diff --git a/generator/static/images/examples/story_with_rectangle.png b/generator/static/images/examples/story_with_rectangle.png
deleted file mode 100644
index 6b0a9c1104cd5846104ae5023bdd1730492ba996..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/story_with_rectangle.png and /dev/null differ
diff --git a/generator/static/images/examples/story_with_rectangle.webp b/generator/static/images/examples/story_with_rectangle.webp
new file mode 100644
index 0000000000000000000000000000000000000000..16551e7e92c4192f685ff94f73980326c4bbdb2a
Binary files /dev/null and b/generator/static/images/examples/story_with_rectangle.webp differ
diff --git a/generator/static/images/examples/stranane_base.png b/generator/static/images/examples/stranane_base.png
deleted file mode 100644
index a7a0e082cb1117af886ed6752d4604c546e0cbf1..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/stranane_base.png and /dev/null differ
diff --git a/generator/static/images/examples/stranane_base.webp b/generator/static/images/examples/stranane_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6f7b2857a22c8c8dab307e67218c73561e86e5b2
Binary files /dev/null and b/generator/static/images/examples/stranane_base.webp differ
diff --git a/generator/static/images/examples/stranane_gray_yellow.png b/generator/static/images/examples/stranane_gray_yellow.png
deleted file mode 100644
index 6376e5039085ff6c62acb2a1d15b276cd1fcdf33..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/stranane_gray_yellow.png and /dev/null differ
diff --git a/generator/static/images/examples/stranane_gray_yellow.webp b/generator/static/images/examples/stranane_gray_yellow.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a9cddc56574c0663678970f5a63d1e1b27abc948
Binary files /dev/null and b/generator/static/images/examples/stranane_gray_yellow.webp differ
diff --git a/generator/static/images/examples/stranane_white_yellow.png b/generator/static/images/examples/stranane_white_yellow.png
deleted file mode 100644
index 71e01eac6d7dc5646aeac474fae307f9a024bb67..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/stranane_white_yellow.png and /dev/null differ
diff --git a/generator/static/images/examples/stranane_white_yellow.webp b/generator/static/images/examples/stranane_white_yellow.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6f8a7ff9cc66efdcd57abd413ef74226ffbf2ea7
Binary files /dev/null and b/generator/static/images/examples/stranane_white_yellow.webp differ
diff --git a/generator/static/images/examples/stranane_yellow_white.png b/generator/static/images/examples/stranane_yellow_white.png
deleted file mode 100644
index 67e25d92be03dac847a6fcf43330efe2c76f9808..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/stranane_yellow_white.png and /dev/null differ
diff --git a/generator/static/images/examples/stranane_yellow_white.webp b/generator/static/images/examples/stranane_yellow_white.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0e47e83d84ac4a9c67a7b0976d0c7370c54dc91c
Binary files /dev/null and b/generator/static/images/examples/stranane_yellow_white.webp differ
diff --git a/generator/static/images/examples/ujezd_base.png b/generator/static/images/examples/ujezd_base.png
deleted file mode 100644
index 0a06afc22af97220da45b87d2e002d02e465e49e..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/ujezd_base.png and /dev/null differ
diff --git a/generator/static/images/examples/ujezd_base.webp b/generator/static/images/examples/ujezd_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..ae6ac59bea46794c92dc64bcf22e0bb09a971396
Binary files /dev/null and b/generator/static/images/examples/ujezd_base.webp differ
diff --git a/generator/static/images/examples/ujezd_green_white.png b/generator/static/images/examples/ujezd_green_white.png
deleted file mode 100644
index 5c5637a0569191e1ba8c7ffffcd65b51fd68ea3c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/ujezd_green_white.png and /dev/null differ
diff --git a/generator/static/images/examples/ujezd_green_white.webp b/generator/static/images/examples/ujezd_green_white.webp
new file mode 100644
index 0000000000000000000000000000000000000000..eca50e73d58f822c6daef287ed3616c50b4e26fc
Binary files /dev/null and b/generator/static/images/examples/ujezd_green_white.webp differ
diff --git a/generator/static/images/examples/ujezd_white_green.png b/generator/static/images/examples/ujezd_white_green.png
deleted file mode 100644
index 7b6548aba39fb688762ed9d49acc2d174ab61b2f..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/ujezd_white_green.png and /dev/null differ
diff --git a/generator/static/images/examples/ujezd_white_green.webp b/generator/static/images/examples/ujezd_white_green.webp
new file mode 100644
index 0000000000000000000000000000000000000000..232eac3a7535cbc12a8efc61fb99686206b40072
Binary files /dev/null and b/generator/static/images/examples/ujezd_white_green.webp differ
diff --git a/generator/static/images/examples/vice_litomerice.png b/generator/static/images/examples/vice_litomerice.png
deleted file mode 100644
index 18f8f1cb44e246c7f3ae0d021a6808742ce3919c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/vice_litomerice.png and /dev/null differ
diff --git a/generator/static/images/examples/vice_litomerice.webp b/generator/static/images/examples/vice_litomerice.webp
new file mode 100644
index 0000000000000000000000000000000000000000..fe0b36aa4fe9bae729deff05dc17a1458848a4f4
Binary files /dev/null and b/generator/static/images/examples/vice_litomerice.webp differ
diff --git a/generator/static/images/examples/vice_litomerice_blue_dark.png b/generator/static/images/examples/vice_litomerice_blue_dark.png
deleted file mode 100644
index 8a2e73c28c9266785c05d801d6b3317f9b0bd3b2..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/vice_litomerice_blue_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/vice_litomerice_blue_dark.webp b/generator/static/images/examples/vice_litomerice_blue_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c4133d28906c9f5f4c1ac7ecac0ee0b7a3a9cba7
Binary files /dev/null and b/generator/static/images/examples/vice_litomerice_blue_dark.webp differ
diff --git a/generator/static/images/examples/vice_litomerice_blue_light.png b/generator/static/images/examples/vice_litomerice_blue_light.png
deleted file mode 100644
index f552be3652796bda0c5d4fc6607b6c0d5bc48e6f..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/vice_litomerice_blue_light.png and /dev/null differ
diff --git a/generator/static/images/examples/vice_litomerice_blue_light.webp b/generator/static/images/examples/vice_litomerice_blue_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..c53658502342d59ec1cc8a47deb8532fae338dde
Binary files /dev/null and b/generator/static/images/examples/vice_litomerice_blue_light.webp differ
diff --git a/generator/static/images/examples/volary.png b/generator/static/images/examples/volary.png
deleted file mode 100644
index 20588518b28c090ad1ce6afcd0eb8830ee974020..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/volary.png and /dev/null differ
diff --git a/generator/static/images/examples/volary.webp b/generator/static/images/examples/volary.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4f737b667ec321fc01a4cf06cc373b9482382947
Binary files /dev/null and b/generator/static/images/examples/volary.webp differ
diff --git a/generator/static/images/examples/volary_green_dark.png b/generator/static/images/examples/volary_green_dark.png
deleted file mode 100644
index 91d7436b9cb4b7f881d1393b17db490bbde9a932..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/volary_green_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/volary_green_dark.webp b/generator/static/images/examples/volary_green_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..780c8a39a198d4ad36cab22a6730dff1d1a661bc
Binary files /dev/null and b/generator/static/images/examples/volary_green_dark.webp differ
diff --git a/generator/static/images/examples/volary_green_light.png b/generator/static/images/examples/volary_green_light.png
deleted file mode 100644
index 63089b7f96b9a7eb2d532433afd00fb6a861e63c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/volary_green_light.png and /dev/null differ
diff --git a/generator/static/images/examples/volary_green_light.webp b/generator/static/images/examples/volary_green_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..85fb2852733f34f1ef8311f8f0eb5e93125f7391
Binary files /dev/null and b/generator/static/images/examples/volary_green_light.webp differ
diff --git a/generator/static/images/examples/zelena-bystrc.png b/generator/static/images/examples/zelena-bystrc.png
deleted file mode 100644
index 1eb8a7152bc8b7e6433ffbcbe4eda39d4aa015c9..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zelena-bystrc.png and /dev/null differ
diff --git a/generator/static/images/examples/zelena-bystrc.webp b/generator/static/images/examples/zelena-bystrc.webp
new file mode 100644
index 0000000000000000000000000000000000000000..69bfae3a7ad957260df64f6561c52bd3e13f327a
Binary files /dev/null and b/generator/static/images/examples/zelena-bystrc.webp differ
diff --git a/generator/static/images/examples/zeleni14_praha.png b/generator/static/images/examples/zeleni14_praha.png
deleted file mode 100644
index dfe294bae58c5f3ab4e973a092fec44afe4267d0..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni14_praha.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni14_praha.webp b/generator/static/images/examples/zeleni14_praha.webp
new file mode 100644
index 0000000000000000000000000000000000000000..e7dfd063ea4911c43463a2d366b0f0d2ce2b5bf2
Binary files /dev/null and b/generator/static/images/examples/zeleni14_praha.webp differ
diff --git a/generator/static/images/examples/zeleni_bystrc.png b/generator/static/images/examples/zeleni_bystrc.png
deleted file mode 100644
index b306db4951b4b60874dc9c7de4eb8789acb3902e..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_bystrc.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_bystrc.webp b/generator/static/images/examples/zeleni_bystrc.webp
new file mode 100644
index 0000000000000000000000000000000000000000..08faa62197143f9ef8aa24b82c4365cd17eaf327
Binary files /dev/null and b/generator/static/images/examples/zeleni_bystrc.webp differ
diff --git a/generator/static/images/examples/zeleni_bystrc_green_dark.png b/generator/static/images/examples/zeleni_bystrc_green_dark.png
deleted file mode 100644
index dcafe3907e058dca1d572b9ec927d5ae9eb4d700..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_bystrc_green_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_bystrc_green_dark.webp b/generator/static/images/examples/zeleni_bystrc_green_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..19fc83db8863055447be680e277643728008679a
Binary files /dev/null and b/generator/static/images/examples/zeleni_bystrc_green_dark.webp differ
diff --git a/generator/static/images/examples/zeleni_bystrc_green_light.png b/generator/static/images/examples/zeleni_bystrc_green_light.png
deleted file mode 100644
index 03aa8fd1640c58d678f9c3e173a0bad407423af9..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_bystrc_green_light.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_bystrc_green_light.webp b/generator/static/images/examples/zeleni_bystrc_green_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a0d494d022fdfb8a1dcea0c7bdd855ded1f25a82
Binary files /dev/null and b/generator/static/images/examples/zeleni_bystrc_green_light.webp differ
diff --git a/generator/static/images/examples/zeleni_melnik_base.png b/generator/static/images/examples/zeleni_melnik_base.png
deleted file mode 100644
index e94defaa38ddc61f852f66bee88d9ffffd52851c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_melnik_base.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_melnik_base.webp b/generator/static/images/examples/zeleni_melnik_base.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4942d77f21de6979ed55cf047874123c2af4a977
Binary files /dev/null and b/generator/static/images/examples/zeleni_melnik_base.webp differ
diff --git a/generator/static/images/examples/zeleni_melnik_yellow_name_rect.png b/generator/static/images/examples/zeleni_melnik_yellow_name_rect.png
deleted file mode 100644
index 2953bc78cd5c0a4af751ac0cd333669c34cd964c..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_melnik_yellow_name_rect.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_melnik_yellow_name_rect.webp b/generator/static/images/examples/zeleni_melnik_yellow_name_rect.webp
new file mode 100644
index 0000000000000000000000000000000000000000..fc2bea072bdb517f60cb943f19d03f90a9999b9f
Binary files /dev/null and b/generator/static/images/examples/zeleni_melnik_yellow_name_rect.webp differ
diff --git a/generator/static/images/examples/zeleni_most.png b/generator/static/images/examples/zeleni_most.png
deleted file mode 100644
index 9d618c3a615f12cb6345f41270e457ae5e2eb496..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_most.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_most.webp b/generator/static/images/examples/zeleni_most.webp
new file mode 100644
index 0000000000000000000000000000000000000000..1a8c0ff7baaa716fcdf2c1238fcac5e0b8b1a70a
Binary files /dev/null and b/generator/static/images/examples/zeleni_most.webp differ
diff --git a/generator/static/images/examples/zeleni_most_green_dark.png b/generator/static/images/examples/zeleni_most_green_dark.png
deleted file mode 100644
index 56cca5087d76ff80cfdd31a26c340fde25bb5e10..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_most_green_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_most_green_dark.webp b/generator/static/images/examples/zeleni_most_green_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..238e01b494f4e7bdb3b115f1a5db936e6cc35368
Binary files /dev/null and b/generator/static/images/examples/zeleni_most_green_dark.webp differ
diff --git a/generator/static/images/examples/zeleni_most_green_light.png b/generator/static/images/examples/zeleni_most_green_light.png
deleted file mode 100644
index c6bc3cb46e5e96279b77623b74a4aab0a3d1c932..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_most_green_light.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_most_green_light.webp b/generator/static/images/examples/zeleni_most_green_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..474774331aa30711dfb0745388a0fc20a4ac1388
Binary files /dev/null and b/generator/static/images/examples/zeleni_most_green_light.webp differ
diff --git a/generator/static/images/examples/zeleni_praha13.png b/generator/static/images/examples/zeleni_praha13.png
deleted file mode 100644
index 8e7bb27a1e6520552919eac7f4ca112f1549fb6d..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_praha13.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_praha13.webp b/generator/static/images/examples/zeleni_praha13.webp
new file mode 100644
index 0000000000000000000000000000000000000000..05e293b66a413154df209e9fb035de48427f6998
Binary files /dev/null and b/generator/static/images/examples/zeleni_praha13.webp differ
diff --git a/generator/static/images/examples/zeleni_praha13_green_dark.png b/generator/static/images/examples/zeleni_praha13_green_dark.png
deleted file mode 100644
index e3a3fb91fd8133e8f4debcc3ca4385b3dbc8d21a..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_praha13_green_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_praha13_green_dark.webp b/generator/static/images/examples/zeleni_praha13_green_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5b741fff365c005cf7457394075b79b129313c97
Binary files /dev/null and b/generator/static/images/examples/zeleni_praha13_green_dark.webp differ
diff --git a/generator/static/images/examples/zeleni_praha13_green_light.png b/generator/static/images/examples/zeleni_praha13_green_light.png
deleted file mode 100644
index 0c19608018e4f9245b48b0e4b5d1c82b9d0a925a..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_praha13_green_light.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_praha13_green_light.webp b/generator/static/images/examples/zeleni_praha13_green_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..f1fbe4f99f2b8cb98525d0793338613eb6a85c09
Binary files /dev/null and b/generator/static/images/examples/zeleni_praha13_green_light.webp differ
diff --git a/generator/static/images/examples/zeleni_praha14.png b/generator/static/images/examples/zeleni_praha14.png
deleted file mode 100644
index 12d944e27940c99f9b46b05ad6f86b5bba3c4106..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_praha14.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_praha14.webp b/generator/static/images/examples/zeleni_praha14.webp
new file mode 100644
index 0000000000000000000000000000000000000000..a9046f952a85ac49095b206f75e32018eebc9f7c
Binary files /dev/null and b/generator/static/images/examples/zeleni_praha14.webp differ
diff --git a/generator/static/images/examples/zeleni_praha14_green_dark.png b/generator/static/images/examples/zeleni_praha14_green_dark.png
deleted file mode 100644
index 6bfbd1af4b585a8f10546c18eb5a0fea1c75b4d3..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_praha14_green_dark.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_praha14_green_dark.webp b/generator/static/images/examples/zeleni_praha14_green_dark.webp
new file mode 100644
index 0000000000000000000000000000000000000000..30c60c8cc22a5002c961576d9ca88a25c09e9ff4
Binary files /dev/null and b/generator/static/images/examples/zeleni_praha14_green_dark.webp differ
diff --git a/generator/static/images/examples/zeleni_praha14_green_light.png b/generator/static/images/examples/zeleni_praha14_green_light.png
deleted file mode 100644
index 71d34d30c2234fc3a36d238af378d224d1a0dad9..0000000000000000000000000000000000000000
Binary files a/generator/static/images/examples/zeleni_praha14_green_light.png and /dev/null differ
diff --git a/generator/static/images/examples/zeleni_praha14_green_light.webp b/generator/static/images/examples/zeleni_praha14_green_light.webp
new file mode 100644
index 0000000000000000000000000000000000000000..8eb2c8c421b6967f3d70e5476c01561b97d168d5
Binary files /dev/null and b/generator/static/images/examples/zeleni_praha14_green_light.webp differ
diff --git a/generator/static/images/white-on-black.png b/generator/static/images/white-on-black.png
deleted file mode 100644
index c12c8bdadaee89212e708d8fee23304645f2bcf7..0000000000000000000000000000000000000000
Binary files a/generator/static/images/white-on-black.png and /dev/null differ
diff --git a/generator/static/images/white-on-black.webp b/generator/static/images/white-on-black.webp
new file mode 100644
index 0000000000000000000000000000000000000000..192340e5d2c1819d2e28741ae9d3b4ccb45306a4
Binary files /dev/null and b/generator/static/images/white-on-black.webp differ
diff --git a/generator/static/js/templates/bottom-slogan-gradient-icon.js b/generator/static/js/templates/bottom-slogan-gradient-icon.js
index 1ba09c85ba7d41779708263c7c00e413aa79734a..7ad874a2733a54721c7e708a186c0e7f13fc9f03 100644
--- a/generator/static/js/templates/bottom-slogan-gradient-icon.js
+++ b/generator/static/js/templates/bottom-slogan-gradient-icon.js
@@ -29,6 +29,7 @@ class BottomSloganGradientIcon extends Template {
 	];
 
 	iconImage = null;
+	iconSource = null;
 	iconText = "";
 
 	// Canvas
@@ -417,10 +418,10 @@ class BottomSloganGradientIcon extends Template {
 			this.context.restore();
 		}
 		
-		// Draw icon
-		if (this.iconImage !== null) {
+		function drawIcon(iconImage) {
 			let iconTextLines = null;
 			const originalIconTextFontSize = iconTextFontSize;
+			let iconTextHighestWidth = 0;
 			
 			do {
 				classRef.context.font = `${iconTextFontSize}px 'Roboto Condensed'`;
@@ -451,18 +452,92 @@ class BottomSloganGradientIcon extends Template {
 			);
 			
 			let currentIconLineY = (
-				this.canvas.height
+				classRef.canvas.height
 				- iconBottomOffset
 				- iconHeight
 				+ iconTextFontSize
 				+ iconTextTopOffset
 			);
 			
-			this.context.textAlign = "left";
+			classRef.context.textAlign = "left";
+			classRef.context.fillStyle = classRef.iconColor;
+			
+			const iconWidth = Math.ceil(
+				iconImage.width
+				* (iconHeight / iconImage.height)
+			);
 			
 			for (const line of iconTextLines) {
+				const lineWidth = classRef.context.measureText(line.join(" ")).width;
 				
+				if (lineWidth > iconTextHighestWidth) {
+					iconTextHighestWidth = lineWidth;
+				}
 			}
+			
+			for (const line of iconTextLines) {
+				classRef.context.fillText(
+					line.join(" "),
+					(
+						(
+							classRef.canvas.width
+							- iconTextHighestWidth
+							+ iconWidth
+							+ iconTextSideOffset
+						) / 2
+					),
+					currentIconLineY
+				);
+				
+				currentIconLineY += iconTextFontSize + iconTextFontLinePadding;
+			}
+			
+			const iconRGB = hexToRgb(classRef.iconColor);
+			
+			classRef.context.drawImage(
+				colorizeImage(
+					iconImage,
+					iconWidth,
+					iconHeight,
+					iconRGB.r,
+					iconRGB.g,
+					iconRGB.b
+				),
+				(
+					(
+						classRef.canvas.width
+						- iconTextHighestWidth
+						- iconWidth
+						- iconTextSideOffset
+					) / 2
+				),
+				(
+					classRef.canvas.height
+					- iconBottomOffset
+					- iconHeight
+				),
+				iconWidth, iconHeight
+			);
+		}
+		
+		// Draw icon
+		if (this.iconImage !== null) {
+			drawIcon(this.iconImage);
+		} else if (this.iconSource !== null) {
+			const iconImageLoadPromise = new Promise(
+				resolve => {
+					const iconImage = new Image();
+					
+					iconImage.onload = function() {
+						drawIcon(this);
+						resolve();
+					}
+					
+					iconImage.src = classRef.iconSource;
+				}
+			);
+			
+			await iconImageLoadPromise;
 		}
 		
 		this.finalDrawHook();
@@ -479,7 +554,15 @@ class BottomSloganGradientIcon extends Template {
 			await this.redrawCanvas();
 		}
 	}
-
+	
+	async setIconSource(url, skipRedraw = false) {
+		this.iconSource = url;
+		
+		if (!skipRedraw) {
+			await this.redrawCanvas();
+		}
+	}
+	
 	async setIconImageFromInput(imageInput, skipRedraw = false) {
 		if (imageInput.files.length == 0) {
 			return;
diff --git a/generator/static/js/templates/bottom-slogan.js b/generator/static/js/templates/bottom-slogan.js
index 0f206e6010a9476296dafa93c1a41ff6bbb84de0..e364f0d60553798641574325e54abd8285f58abd 100644
--- a/generator/static/js/templates/bottom-slogan.js
+++ b/generator/static/js/templates/bottom-slogan.js
@@ -567,7 +567,7 @@ class BottomSloganTemplate extends Template {
 				}
 			}
 			
-			const iconTextRGB = hexToRgb(classRef.iconColor);
+			const iconRGB = hexToRgb(classRef.iconColor);
 			
 			// Set icon
 			if (classRef.iconImage !== null) {
@@ -578,9 +578,9 @@ class BottomSloganTemplate extends Template {
 						classRef.iconImage,
 						iconWidth,
 						iconHeight,
-						iconTextRGB.r,
-						iconTextRGB.g,
-						iconTextRGB.b
+						iconRGB.r,
+						iconRGB.g,
+						iconRGB.b
 					),
 					primaryRectangleStartingX + iconSideOffset, classRef.canvas.height - iconHeight - iconBottomOffset,
 					iconWidth, iconHeight
@@ -607,9 +607,9 @@ class BottomSloganTemplate extends Template {
 							this,
 							iconWidth,
 							iconHeight,
-							iconTextRGB.r,
-							iconTextRGB.g,
-							iconTextRGB.b
+							iconRGB.r,
+							iconRGB.g,
+							iconRGB.b
 						),
 						primaryRectangleStartingX + iconSideOffset, classRef.canvas.height - iconHeight - iconBottomOffset,
 						iconWidth, iconHeight
diff --git a/generator/static/js/templates/event-text-bottom.js b/generator/static/js/templates/event-text-bottom.js
index b1ddf951a0083019f0c2c233dbae75089ed036c4..1d5faed32148d99825fb14c102c9acb6d71459ca 100644
--- a/generator/static/js/templates/event-text-bottom.js
+++ b/generator/static/js/templates/event-text-bottom.js
@@ -445,12 +445,12 @@ class EventTextBottom extends Template {
 
 		let classRef = this; // FIXME...? Surely there's a better way to do this.
 
-		const iconTextRGB = hexToRgb(this.iconColor);
+		const iconRGB = hexToRgb(this.iconColor);
 		
 		const iconTextLightness = (
-			0.2126 * iconTextRGB.r
-			+ 0.7152 * iconTextRGB.g
-			+ 0.0722 * iconTextRGB.b
+			0.2126 * iconRGB.r
+			+ 0.7152 * iconRGB.g
+			+ 0.0722 * iconRGB.b
 		)
 		
 		const useLightIcons = (iconTextLightness > 207);
diff --git a/generator/static/js/templates/poster-bottom-slogan.js b/generator/static/js/templates/poster-bottom-slogan.js
index 9c6e2ae98b6635bd006549f667185cc04c2c3a4e..9626953cbafde8664c29fdc15f4bbdf61b3f8244 100644
--- a/generator/static/js/templates/poster-bottom-slogan.js
+++ b/generator/static/js/templates/poster-bottom-slogan.js
@@ -780,7 +780,7 @@ class PosterBottomSloganTemplate extends Template {
 				
 				drawIconText();
 			} else if (classRef.iconSource !== null) {
-				const iconTextRGB = hexToRgb(classRef.iconColor);
+				const iconRGB = hexToRgb(classRef.iconColor);
 				
 				const iconLoadPromise = new Promise(
 					resolve => {
@@ -794,9 +794,9 @@ class PosterBottomSloganTemplate extends Template {
 									this,
 									iconWidth,
 									iconHeight,
-									iconTextRGB.r,
-									iconTextRGB.g,
-									iconTextRGB.b
+									iconRGB.r,
+									iconRGB.g,
+									iconRGB.b
 								),
 								primaryRectangleStartingX + iconSideOffset, classRef.canvas.height - iconHeight - iconBottomOffset,
 								iconWidth, iconHeight
diff --git a/generator/templates/generator.html b/generator/templates/generator.html
index 412da90344d89b92cfcd45182f27eaedb7ea3281..af180dfef6567ece8f7da0491dffc7bf9f277056 100644
--- a/generator/templates/generator.html
+++ b/generator/templates/generator.html
@@ -485,254 +485,254 @@
 					<select id="template-selection">
 						{% if not ivan %}
 							<option
-								data-image-source="static/images/examples/bottom-slogan.png"
+								data-image-source="static/images/examples/bottom-slogan.webp"
 								data-template-type="bottom-slogan"
 							>Velký spodní slogan</option>
 							<option
-								data-image-source="static/images/examples/bottom_slogan_full_width.png"
+								data-image-source="static/images/examples/bottom_slogan_full_width.webp"
 								data-template-type="bottom-slogan-full-width"
 							>Velký spodní slogan, obdélník zabírající celou šířku</option>
 							<option
-								data-image-source="static/images/examples/bottom-slogan-gradient.png"
+								data-image-source="static/images/examples/bottom-slogan-gradient.webp"
 								data-template-type="bottom-slogan-gradient"
 							>Velký spodní slogan, gradient na pozadí</option>
 							<option
-								data-image-source="static/images/examples/bottom-slogan-gradient-icon.png"
+								data-image-source="static/images/examples/bottom-slogan-gradient-icon.webp"
 								data-template-type="bottom-slogan-gradient-icon"
 							>Velký spodní slogan, gradient na pozadí, ikona</option>
 							<option
-								data-image-source="static/images/examples/bottom-slogan-person.png"
+								data-image-source="static/images/examples/bottom-slogan-person.webp"
 								data-template-type="bottom-slogan-person"
 							>Velký spodní slogan, podobný nalodění</option>
 							<option
-								data-image-source="static/images/examples/bottom-slogan-quote.png"
+								data-image-source="static/images/examples/bottom-slogan-quote.webp"
 								data-template-type="bottom-slogan-quote"
 							>Velký spodní slogan, citát</option>
 							
 							<option
-								data-image-source="static/images/examples/left-long-text.png"
+								data-image-source="static/images/examples/left-long-text.webp"
 								data-template-type="left-long-text"
 							>Dlouhý text vlevo</option>
 							<option
-								data-image-source="static/images/examples/right-long-text.png"
+								data-image-source="static/images/examples/right-long-text.webp"
 								data-template-type="right-long-text"
 							>Dlouhý text vpravo</option>
 							<option
-								data-image-source="static/images/examples/right-big-text.png"
+								data-image-source="static/images/examples/right-big-text.webp"
 								data-template-type="right-big-text"
 							>Velký text vpravo</option>
 							<option
-								data-image-source="static/images/examples/left_corner_slogan.png"
+								data-image-source="static/images/examples/left_corner_slogan.webp"
 								data-template-type="left-corner-slogan"
 							>Slogan v levém rohu, možnost koláže</option>
 							<option
-								data-image-source="static/images/examples/story_with_rectangle.png"
+								data-image-source="static/images/examples/story_with_rectangle.webp"
 								data-template-type="story-with-rectangle"
 							>Story - s obdélníkem</option>
 							<option
-								data-image-source="static/images/examples/story_full_width_rectangle.png"
+								data-image-source="static/images/examples/story_full_width_rectangle.webp"
 								data-template-type="story-with-full-width-rectangle"
 							>Story - obdélník zabírající celou šířku</option>
 							<option
-								data-image-source="static/images/examples/poll.png"
+								data-image-source="static/images/examples/poll.webp"
 								data-template-type="poll"
 							>Anketa</option>
 							<option
-								data-image-source="static/images/examples/cover.png"
+								data-image-source="static/images/examples/cover.webp"
 								data-template-type="cover-static-name-and-logo"
 							>Cover - pevné jméno a logo</option>
 							<option
-								data-image-source="static/images/examples/cover-left.png"
+								data-image-source="static/images/examples/cover-left.webp"
 								data-template-type="cover-static-name-and-logo-left"
 							>Cover - pevné jméno a logo, obsah vlevo</option>
 							<option
-								data-image-source="static/images/examples/cover.png"
+								data-image-source="static/images/examples/cover.webp"
 								data-template-type="cover"
 							>Cover</option>
 							<option
-								data-image-source="static/images/examples/no_image_icon_text.png"
+								data-image-source="static/images/examples/no_image_icon_text.webp"
 								data-template-type="no-image-icon-text"
 							>Bez obrázku - ikona, text</option>
 							<option
-								data-image-source="static/images/examples/no_image_text_more_info.png"
+								data-image-source="static/images/examples/no_image_text_more_info.webp"
 								data-template-type="no-image-text-more-info"
 							>Bez obrázku - text, více informací</option>
 							<option
-								data-image-source="static/images/examples/no_image_quote.png"
+								data-image-source="static/images/examples/no_image_quote.webp"
 								data-template-type="no-image-quote"
 							>Bez obrázku - citát</option>
 							<option
-								data-image-source="static/images/examples/no_image_big_text_and_icon.png"
+								data-image-source="static/images/examples/no_image_big_text_and_icon.webp"
 								data-template-type="no-image-big-text-icon"
 							>Bez obrázku - velký slogan, ikona</option>
 							<option
-								data-image-source="static/images/examples/no_image_big_text_and_icon_with_terciary.png"
+								data-image-source="static/images/examples/no_image_big_text_and_icon_with_terciary.webp"
 								data-template-type="no-image-big-text-icon-with-terciary"
 							>Bez obrázku - velký slogan, ikona a delší spodní text</option>
 							
 							<option
-								data-image-source="static/images/examples/poster_bottom_slogan.png"
+								data-image-source="static/images/examples/poster_bottom_slogan.webp"
 								data-template-type="poster-bottom-slogan-printable"
 							>NA TISK: Plakát - velký spodní slogan</option>
 							<option
-								data-image-source="static/images/examples/poster_bottom_slogan_no_icon.png"
+								data-image-source="static/images/examples/poster_bottom_slogan_no_icon.webp"
 								data-template-type="poster-bottom-slogan-no-icon-printable"
 							>NA TISK: Plakát - velký spodní slogan, bez ikony</option>
 							<option
-								data-image-source="static/images/examples/poster_center_slogan_no_image.png"
+								data-image-source="static/images/examples/poster_center_slogan_no_image.webp"
 								data-template-type="poster-center-slogan-no-image-printable"
 							>NA TISK: Plakát - pouze velký slogan uprostřed, bez obrázku</option>
 							<option
-								data-image-source="static/images/examples/poster_center_slogan_icons_no_image.png"
+								data-image-source="static/images/examples/poster_center_slogan_icons_no_image.webp"
 								data-template-type="poster-center-slogan-icons-no-image-printable"
 							>NA TISK: Plakát - velký slogan a ikony, bez obrázku</option>
 							<option
-								data-image-source="static/images/examples/poster_event.png"
+								data-image-source="static/images/examples/poster_event.webp"
 								data-template-type="poster-event"
 							>NA TISK: Plakát - událost</option>
 							
 							<option
-								data-image-source="static/images/examples/banner_name_left.png"
+								data-image-source="static/images/examples/banner_name_left.webp"
 								data-template-type="banner-name-left"
 							>Banner - jméno vlevo</option>
 							<option
-								data-image-source="static/images/examples/banner_name_right.png"
+								data-image-source="static/images/examples/banner_name_right.webp"
 								data-template-type="banner-name-right"
 							>Banner - jméno vpravo</option>
 							<option
-								data-image-source="static/images/examples/billboard.png"
+								data-image-source="static/images/examples/billboard.webp"
 								data-template-type="billboard"
 							>Billboard</option>
 							<option
-								data-image-source="static/images/examples/event_text_right.png"
+								data-image-source="static/images/examples/event_text_right.webp"
 								data-template-type="event-text-right"
 							>Událost - text vpravo</option>
 							<option
-								data-image-source="static/images/examples/event_text_bottom.png"
+								data-image-source="static/images/examples/event_text_bottom.webp"
 								data-template-type="event-text-bottom"
 							>Událost - text dole</option>
 							
 							<option
-								data-image-source="static/images/examples/eu_image_slogan.png"
+								data-image-source="static/images/examples/eu_image_slogan.webp"
 								data-template-type="eu-image-slogan"
 							>EU - obrázek + slogan</option>
 							<option
-								data-image-source="static/images/examples/eu_image_long_text.png"
+								data-image-source="static/images/examples/eu_image_long_text.webp"
 								data-template-type="eu-big-text-image"
 							>EU - dlouhý text, možnost obrázku</option>
 							<option
-								data-image-source="static/images/examples/eu_icons_image.png"
+								data-image-source="static/images/examples/eu_icons_image.webp"
 								data-template-type="eu-icons-image"
 							>EU - text, ikony, možnost obrázku</option>
 							
 							<option
-								data-image-source="static/images/examples/nalodeni.png"
+								data-image-source="static/images/examples/nalodeni.webp"
 								data-template-type="nalodeni"
 							>Nalodění</option>
 							<option
-								data-image-source="static/images/examples/nalodeni_story.png"
+								data-image-source="static/images/examples/nalodeni_story.webp"
 								data-template-type="nalodeni-story"
 							>Nalodění - story</option>
 							
 							<option
-								data-image-source="static/images/examples/komise.png"
+								data-image-source="static/images/examples/komise.webp"
 								data-template-type="komise"
 							>Komise</option>
 							<option
-								data-image-source="static/images/examples/komise_story.png"
+								data-image-source="static/images/examples/komise_story.webp"
 								data-template-type="komise-story"
 							>Komise - story</option>
 							
 							<option
-								data-image-source="static/images/examples/rollup_big_logo_short_text.png"
+								data-image-source="static/images/examples/rollup_big_logo_short_text.webp"
 								data-template-type="rollup-big-logo-short-text"
 							>Rollup - nutná lokalizace, velké pirátské logo, krátký text</option>
 							<option
-								data-image-source="static/images/examples/rollup_points.png"
+								data-image-source="static/images/examples/rollup_points.webp"
 								data-template-type="rollup-points"
 							>Rollup - nutná lokalizace, max. 5 bodů</option>
 							<option
-								data-image-source="static/images/examples/rollup_short_and_long_text.png"
+								data-image-source="static/images/examples/rollup_short_and_long_text.webp"
 								data-template-type="rollup-short-and-long-text"
 							>Rollup - nutná lokalizace, krátký text a slogan</option>
 							
 							<option
-								data-image-source="static/images/examples/koneckorupci.png"
+								data-image-source="static/images/examples/koneckorupci.webp"
 								data-template-type="koneckorupci-poll"
 							>Konec korupci - anketa</option>
 							
 							<option
-								data-image-source="static/images/examples/humans.png"
+								data-image-source="static/images/examples/humans.webp"
 								data-template-type="humans"
 							>Humans of Piráti</option>
 							<option
-								data-image-source="static/images/examples/humans-no-quote.png"
+								data-image-source="static/images/examples/humans-no-quote.webp"
 								data-template-type="humans-no-quote"
 							>Humans of Piráti, bez citátu</option>
 							
 							<option
-								data-image-source="static/images/examples/bottom-slogan-vertical-logo.png"
+								data-image-source="static/images/examples/bottom-slogan-vertical-logo.webp"
 								data-template-type="bottom-slogan-vertical-logo"
 							>Velký spodní slogan, vertikální logo</option>
 							<option
-								data-image-source="static/images/examples/bottom-slogan-gradient-vertical-logo.png"
+								data-image-source="static/images/examples/bottom-slogan-gradient-vertical-logo.webp"
 								data-template-type="bottom-slogan-gradient-vertical-logo"
 							>Velký spodní slogan, gradient na pozadí, vertikální logo</option>
 							<option
-								data-image-source="static/images/examples/no-image-text-icon-vertical-logo.png"
+								data-image-source="static/images/examples/no-image-text-icon-vertical-logo.webp"
 								data-template-type="no-image-text-icon-vertical-logo"
 							>Bez obrázku - text, ikona, vertikální logo</option>
 							
 							<option
-								data-image-source="static/images/examples/pro-usti-poster.png"
+								data-image-source="static/images/examples/pro-usti-poster.webp"
 								data-template-type="pro-usti-poster"
 							>PRO! Ústí - plakát</option>
 							<option
-								data-image-source="static/images/examples/pro-usti-slogan-icon-bubble.png"
+								data-image-source="static/images/examples/pro-usti-slogan-icon-bubble.webp"
 								data-template-type="pro-usti-slogan-icon-bubble"
 							>PRO! Ústí - krátký slogan, ikona, bublina</option>
 							<option
-								data-image-source="static/images/examples/pro-usti-slogan-bubble.png"
+								data-image-source="static/images/examples/pro-usti-slogan-bubble.webp"
 								data-template-type="pro-usti-slogan-bubble"
 							>PRO! Ústí - krátký slogan, bublina</option>
 							
 							<option
-								data-image-source="static/images/examples/zelena-bystrc.png"
+								data-image-source="static/images/examples/zelena-bystrc.webp"
 								data-template-type="zelena-bystrc"
 							>Zelená pro Bystrc, Piráti a Bystrčáci</option>
 							
 							<option
-								data-image-source="static/images/examples/sticker-number.png"
+								data-image-source="static/images/examples/sticker-number.webp"
 								data-template-type="sticker-number"
 							>Samolepka s číslem kandidátky</option>
 							
 							<option
-								data-image-source="static/images/examples/poster_bottom_slogan.png"
+								data-image-source="static/images/examples/poster_bottom_slogan.webp"
 								data-template-type="poster-bottom-slogan"
 							>NETISKNOUT: Plakát - velký spodní slogan</option>
 							<option
-								data-image-source="static/images/examples/poster_bottom_slogan_no_icon.png"
+								data-image-source="static/images/examples/poster_bottom_slogan_no_icon.webp"
 								data-template-type="poster-bottom-slogan-no-icon"
 							>NETISKNOUT: Plakát - velký spodní slogan, bez ikony</option>
 							<option
-								data-image-source="static/images/examples/poster_center_slogan_no_image.png"
+								data-image-source="static/images/examples/poster_center_slogan_no_image.webp"
 								data-template-type="poster-center-slogan-no-image"
 							>NETISKNOUT: Plakát - pouze velký slogan uprostřed, bez obrázku</option>
 							<option
-								data-image-source="static/images/examples/poster_center_slogan_icons_no_image.png"
+								data-image-source="static/images/examples/poster_center_slogan_icons_no_image.webp"
 								data-template-type="poster-center-slogan-icons-no-image"
 							>NETISKNOUT: Plakát - velký slogan a ikony, bez obrázku</option>
 						{% else %}
 							<option
-								data-image-source="static/images/examples/ivan_short_claim.png"
+								data-image-source="static/images/examples/ivan_short_claim.webp"
 								data-template-type="ivan-short-claim"
 							>Ivan - krátký claim</option>
 							<option
-								data-image-source="static/images/examples/ivan_points.png"
+								data-image-source="static/images/examples/ivan_points.webp"
 								data-template-type="ivan-points"
 							>Ivan - body</option>
 							<option
-								data-image-source="static/images/examples/czpres.png"
+								data-image-source="static/images/examples/czpres.webp"
 								data-template-type="czpres"
 							>Úspěchy #czpres</option>
 						{% endif %}
@@ -1958,27 +1958,27 @@
 					
 					<select id="pro-usti-color-scheme-selection">
 						<option
-							data-image-source="{{ url_for('static', filename='images/color-samples/blue-on-orange.png') }}"
+							data-image-source="{{ url_for('static', filename='images/color-samples/blue-on-orange.webp') }}"
 							data-color-scheme="blue-on-orange"
 						>Modrá na oranžové</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/color-samples/purple-on-pink.png') }}"
+							data-image-source="{{ url_for('static', filename='images/color-samples/purple-on-pink.webp') }}"
 							data-color-scheme="purple-on-pink"
 						>Fialová na růžové</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/color-samples/orange-on-brown.png') }}"
+							data-image-source="{{ url_for('static', filename='images/color-samples/orange-on-brown.webp') }}"
 							data-color-scheme="orange-on-brown"
 						>Oranžová na hnědé</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/color-samples/pink-on-orange.png') }}"
+							data-image-source="{{ url_for('static', filename='images/color-samples/pink-on-orange.webp') }}"
 							data-color-scheme="pink-on-orange"
 						>Růžová na oranžové</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/color-samples/blue-on-white.png') }}"
+							data-image-source="{{ url_for('static', filename='images/color-samples/blue-on-white.webp') }}"
 							data-color-scheme="blue-on-white"
 						>Modrá na bílé</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/color-samples/green-on-pink.png') }}"
+							data-image-source="{{ url_for('static', filename='images/color-samples/green-on-pink.webp') }}"
 							data-color-scheme="green-on-pink"
 						>Zelená na růžové</option>
 					</select>
@@ -1991,237 +1991,237 @@
 							<option value="no-coalition">Žádná koalice</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava_purple_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava_purple_dark.webp') }}"
 								value="forum-jihlava-purple-dark"
 							>Piráti a Fórum Jihlava - fialové barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava_purple_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava_purple_light.webp') }}"
 								value="forum-jihlava-purple-light"
 							>Piráti a Fórum Jihlava - fialové barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/forum_jihlava.webp') }}"
 								value="forum-jihlava-dark"
 							>Piráti a Fórum Jihlava - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_most_green_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_most_green_dark.webp') }}"
 								value="zeleni-most-green-dark"
 							>Piráti a Zelení pro Most - zelené barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_most_green_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_most_green_light.webp') }}"
 								value="zeleni-most-green-light"
 							>Piráti a Zelení pro Most - zelené barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_most.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_most.webp') }}"
 								value="zeleni-most-dark"
 							>Piráti a Zelení pro Most - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_melnik_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_melnik_base.webp') }}"
 								value="zeleni-melnik-base"
 							>Piráti a Zelení Mělník - běžné barvy</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_melnik_yellow_name_rect.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_melnik_yellow_name_rect.webp') }}"
 								value="zeleni-melnik-yellow-rect"
 							>Piráti a Zelení Mělník - žlutý obdélník pro jména</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_bystrc_green_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_bystrc_green_dark.webp') }}"
 								value="zeleni-bystrc-green-dark"
 							>Zelená pro Bystrc, Piráti a Bystrčáci - zelené barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_bystrc_green_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_bystrc_green_light.webp') }}"
 								value="zeleni-bystrc-green-light"
 							>Zelená pro Bystrc, Piráti a Bystrčáci - zelené barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_bystrc.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_bystrc.webp') }}"
 								value="zeleni-bystrc-dark"
 							>Zelená pro Bystrc, Piráti a Bystrčáci - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha14_green_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha14_green_dark.webp') }}"
 								value="zeleni-praha14-green-dark"
 							>Piráti, Nezávislí a Zelení, Praha 14 - zelené barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha14_green_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha14_green_light.webp') }}"
 								value="zeleni-praha14-green-light"
 							>Piráti, Nezávislí a Zelení, Praha 14 - zelené barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni14_praha.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni14_praha.webp') }}"
 								value="zeleni-praha14-dark"
 							>Piráti, Nezávislí a Zelení, Praha 14 - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha13_green_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha13_green_dark.webp') }}"
 								value="zeleni-praha13-green-dark"
 							>Piráti a Zelení, Praha 13 - zelené barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha13_green_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha13_green_light.webp') }}"
 								value="zeleni-praha13-green-light"
 							>Piráti a Zelení, Praha 13 - zelené barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha13.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/zeleni_praha13.webp') }}"
 								value="zeleni-praha13-dark"
 							>Piráti a Zelení, Praha 13 - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/volary_green_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/volary_green_dark.webp') }}"
 								value="volary-green-dark"
 							>Odvážně pro Volary - zelené barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/volary_green_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/volary_green_light.webp') }}"
 								value="volary-green-light"
 							>Odvážně pro Volary - zelené barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/volary.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/volary.webp') }}"
 								value="volary-dark"
 							>Odvážně pro Volary - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/louny_spolecne_purple_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/louny_spolecne_purple_dark.webp') }}"
 								value="louny-spolecne-purple-dark"
 							>Louny Společně - fialové barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/louny_spolecne_purple_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/louny_spolecne_purple_light.webp') }}"
 								value="louny-spolecne-purple-light"
 							>Louny Společně - fialové barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/louny_spolecne.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/louny_spolecne.webp') }}"
 								value="spolecne-s-piraty-dark"
 							>Louny Společně - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/vice_litomerice_blue_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/vice_litomerice_blue_dark.webp') }}"
 								value="vice-litomerice-blue-dark"
 							>Více pro Litoměřice - modré barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/vice_litomerice_blue_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/vice_litomerice_blue_light.webp') }}"
 								value="vice-litomerice-blue-light"
 							>Více pro Litoměřice - modré barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/vice_litomerice.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/vice_litomerice.webp') }}"
 								value="vice-litomerice-dark"
 							>Více pro Litoměřice - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/stranane_yellow_white.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/stranane_yellow_white.webp') }}"
 								value="stranane-yellow-white"
 							>Straňané - žlutá na bílé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/stranane_white_yellow.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/stranane_white_yellow.webp') }}"
 								value="stranane-white-yellow"
 							>Straňané - bílá na žluté</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/stranane_gray_yellow.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/stranane_gray_yellow.webp') }}"
 								value="stranane-gray-yellow"
 							>Straňané - šedá na žluté</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/stranane_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/stranane_base.webp') }}"
 								value="stranane-base"
 							>Straňané - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/prusanky_yellow_white.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/prusanky_yellow_white.webp') }}"
 								value="prusanky-yellow-white"
 							>Mladí pro Prušánky - žlutá na bílé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/prusanky_white_yellow.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/prusanky_white_yellow.webp') }}"
 								value="prusanky-white-yellow"
 							>Mladí pro Prušánky - bílá na žluté</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/prusanky_black_yellow.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/prusanky_black_yellow.webp') }}"
 								value="prusanky-black-yellow"
 							>Mladí pro Prušánky - černá na žluté</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/prusanky_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/prusanky_base.webp') }}"
 								value="prusanky-base"
 							>Mladí pro Prušánky - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/ujezd_white_green.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/ujezd_white_green.webp') }}"
 								value="ujezd-white-green"
 							>Újezd Žije - bílá na zelené</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/ujezd_green_white.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/ujezd_green_white.webp') }}"
 								value="ujezd-green-white"
 							>Újezd Žije - zelená na bílé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/ujezd_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/ujezd_base.webp') }}"
 								value="ujezd-base"
 							>Újezd Žije - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/cssd_black_red.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/cssd_black_red.webp') }}"
 								value="cssd-rychnov-black-red"
 							>Piráti a ČSSD Rychnov - černá na červené</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/cssd_red_black.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/cssd_red_black.webp') }}"
 								value="cssd-rychnov-red-black"
 							>Piráti a ČSSD Rychnov - červená na černé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/cssd_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/cssd_base.webp') }}"
 								value="cssd-rychnov-base"
 							>Piráti a ČSSD Rychnov - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/jilemnice_purple_black.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/jilemnice_purple_black.webp') }}"
 								value="jilemnice-black-purple"
 							>Jílemnice Budoucnosti - černá na fialové</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/jilemnice_black_purple.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/jilemnice_black_purple.webp') }}"
 								value="jilemnice-purple-black"
 							>Jílemnice Budoucnosti - fialová na černé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/jilemnice_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/jilemnice_base.webp') }}"
 								value="jilemnice-base"
 							>Jílemnice Budoucnosti - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/novarole_white_green.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/novarole_white_green.webp') }}"
 								value="novarole-white-green"
 							>Novorolští Piráti - bílá na zelené</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/novarole_green_white.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/novarole_green_white.webp') }}"
 								value="novarole-green-white"
 							>Novorolští Piráti - zelená na bílé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/novarole_green_black.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/novarole_green_black.webp') }}"
 								value="novarole-green-black"
 							>Novorolští Piráti - zelená na černé</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/novarole_base.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/novarole_base.webp') }}"
 								value="novarole-base"
 							>Novorolští Piráti - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/pirati_spolecne_blue_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/pirati_spolecne_blue_dark.webp') }}"
 								value="spolecne-s-piraty-blue-dark"
 							>Společně s Piráty - modré barvy, tmavé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/pirati_spolecne_blue_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/pirati_spolecne_blue_light.webp') }}"
 								value="spolecne-s-piraty-blue-light"
 							>Společně s Piráty - modré barvy, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/pirati_spolecne.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/pirati_spolecne.webp') }}"
 								value="spolecne-s-piraty-dark"
 							>Společně s Piráty - původní barvy</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/nezavisli_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/nezavisli_light.webp') }}"
 								value="nezavisli-light"
 							>Piráti a Nezávislí kandidáti, světlé pozadí</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/nezavisli_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/nezavisli_dark.webp') }}"
 								value="nezavisli-dark"
 							>Piráti a Nezávislí kandidáti, tmavé pozadí</option>
 							
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/dana_balcarova_light.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/dana_balcarova_light.webp') }}"
 								value="balcarova-light"
 							>Dana Balcarová - fialové logo, světlé pozadí</option>
 							<option
-								data-image-source="{{ url_for('static', filename='images/examples/dana_balcarova_dark.png') }}"
+								data-image-source="{{ url_for('static', filename='images/examples/dana_balcarova_dark.webp') }}"
 								value="balcarova-dark"
 							>Dana Balcarová - fialové logo, tmavé pozadí</option>
 						</select>
@@ -2243,11 +2243,11 @@
 					<h4>Hlavní barvy</h4>
 					<select id="primary-color-scheme-selection">
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-white.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-white.webp') }}"
 							data-color-scheme="black-on-white"
 						>Černý text na bílém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/white-on-black.png') }}"
+							data-image-source="{{ url_for('static', filename='images/white-on-black.webp') }}"
 							data-color-scheme="white-on-black"
 						>Bílý text na černém pozadí</option>
 					</select>
@@ -2257,27 +2257,27 @@
 					<h4>Barvy boxu se jménem</h4>
 					<select id="name-color-scheme-selection">
 						<option
-							data-image-source="{{ url_for('static', filename='images/white-on-black.png') }}"
+							data-image-source="{{ url_for('static', filename='images/white-on-black.webp') }}"
 							data-color-scheme="white-on-black"
 							value="white-on-black"
 						>Bílý text na černém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-white.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-white.webp') }}"
 							data-color-scheme="black-on-white"
 							value="black-on-white"
 						>Černý text na bílém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-gold.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-gold.webp') }}"
 							data-color-scheme="black-on-gold"
 							value="black-on-gold"
 						>Černý text na zlatém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-blue.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-blue.webp') }}"
 							data-color-scheme="black-on-blue"
 							value="black-on-blue"
 						>Černý text na modrém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-gray.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-gray.webp') }}"
 							data-color-scheme="black-on-gray"
 							value="black-on-gray"
 						>Černý text na šedém pozadí</option>
@@ -2288,27 +2288,27 @@
 					<h4>Barvy boxu se sekundárním textem</h4>
 					<select id="secondary-color-scheme-selection">
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-gray.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-gray.webp') }}"
 							data-color-scheme="black-on-gray"
 							value="black-on-gray"
 						>Černý text na šedém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/white-on-black.png') }}"
+							data-image-source="{{ url_for('static', filename='images/white-on-black.webp') }}"
 							data-color-scheme="white-on-black"
 							value="white-on-black"
 						>Bílý text na černém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-white.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-white.webp') }}"
 							data-color-scheme="black-on-white"
 							value="black-on-white"
 						>Černý text na bílém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-blue.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-blue.webp') }}"
 							data-color-scheme="black-on-blue"
 							value="black-on-blue"
 						>Černý text na modrém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-gold.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-gold.webp') }}"
 							data-color-scheme="black-on-gold"
 							value="black-on-gold"
 						>Černý text na zlatém pozadí</option>
@@ -2319,17 +2319,17 @@
 					<h4>Barvy boxu s terciárním textem</h4>
 					<select id="terciary-color-scheme-selection">
 						<option
-							data-image-source="{{ url_for('static', filename='images/white-on-black.png') }}"
+							data-image-source="{{ url_for('static', filename='images/white-on-black.webp') }}"
 							data-color-scheme="white-on-black"
 							value="white-on-black"
 						>Bílý text na černém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-white.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-white.webp') }}"
 							data-color-scheme="black-on-white"
 							value="black-on-white"
 						>Černý text na bílém pozadí</option>
 						<option
-							data-image-source="{{ url_for('static', filename='images/black-on-gold.png') }}"
+							data-image-source="{{ url_for('static', filename='images/black-on-gold.webp') }}"
 							data-color-scheme="black-on-gold"
 							value="black-on-gold"
 						>Černý text na zlatém pozadí</option>