Форматы изображений в веб-разработке и виды графики сайта за 7 минут. + Создаем favicon.

Всю компьютерную графику можно разделить на две большие части – это растровая и векторная графика. Так же существую несколько видов графики на сайте. Первый вид - иконки. Как правило - это небольшие простые контурные картинки, которые всячески улучшают восприятие информации. Ими могут сопровождаться текстовые надписи и заголовки, а также элементы управления и навигации. Тут идеально подойдет как раз векторный формат графики. Второй вид - это фоновые изображения и элементы дизайна веб - приложения. Они могут быть частично прозрачными и даже содержать анимацию. Тут в основном используется растровый формат графика и иногда векторный. Ну и третий вид - это непосредственно изображения контентной части сайта, то есть картинки которые находятся в статьях, различных фото галереях слайдерах и так далее. Тут у нас только растровые изображения. Первый и наверное самый известный это формат JPEG/JPG (Joint Photographic Experts Group). Следующий формат PNG (Portable network graphics) – это тоже растровый формат, но у него есть супер способность – отдельные его части могут быть прозрачными. Наконец то мы добрались и до векторного формата - это SVG (Scalable Vector Graphics). Ну а сейчас нам достаточно знать файл в таком формате отлично подойдет для иконок нашего сайта. А мы движемся вперед и сейчас я хочу тебя познакомить с форматом который приходит на замену всем растровым форматам о которых мы говорили ранее. На самом деле их есть несколько это и JPEG 2000 и JPEG XR но самый крутой это WebP! .ico (favicon.ico) поддерживает прозрачность и используется для указания графической иконки нашего сайта во вкладке браузера. А так же для отображения иконки веб приложений. Онлайн декодер WebP - https://squoosh.app/ Сервис создания favicon - https://www.favicon.by/ Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) Facebook: https://www.facebook.com/freelancerlifestyle Instagram: https://www.instagram.com/freelancer.lifestyle Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle Живи, а работай в свободное время! ©