#оптимизация_изображений — Public Fediverse posts

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

24 «привычки» оптимизации изображений

Я работаю с графикой для web с тех бородатых времен, когда случайное нажатие кнопки wap на телефоне могло привести к инфаркту и моментальному списанию всех средств на счете. В погоне за мобильной доступностью цифровых продуктов в те времена приходилось исхитриться каждый раз и делать это по новому. Сегодня, специалисты в вэб — как спецы в геймдеве «оптимизация? не не слышал» для игр у тебя должна быть 5090, в для сайтов 5g и гигабит, 2026 ведь на носу. Я решил поделится теми «привычками» оптимизации контента/графики, которые уже 20 лет в моем арсенале и остаются актуальными и по сей день.

https://habr.com/ru/articles/969236/

#webразработка #графика #графика_для_сайта #адаптивная_вёрстка #адаптивный_вебдизайн #адаптивный_сайт #оптимизация_изображений #оптимизация #оптимизации #svg

24 «привычки» оптимизации изображений

Я работаю с графикой для web с тех бородатых времен, когда случайное нажатие кнопки wap на телефоне могло привести к инфаркту и моментальному списанию всех средств на счете. В погоне за мобильной доступностью цифровых продуктов в те времена приходилось исхитриться каждый раз и делать это по новому. Сегодня, специалисты в вэб — как спецы в геймдеве «оптимизация? не не слышал» для игр у тебя должна быть 5090, в для сайтов 5g и гигабит, 2026 ведь на носу. Я решил поделится теми «привычками» оптимизации контента/графики, которые уже 20 лет в моем арсенале и остаются актуальными и по сей день.

https://habr.com/ru/articles/969236/

#webразработка #графика #графика_для_сайта #адаптивная_вёрстка #адаптивный_вебдизайн #адаптивный_сайт #оптимизация_изображений #оптимизация #оптимизации #svg

24 «привычки» оптимизации изображений

Я работаю с графикой для web с тех бородатых времен, когда случайное нажатие кнопки wap на телефоне могло привести к инфаркту и моментальному списанию всех средств на счете. В погоне за мобильной доступностью цифровых продуктов в те времена приходилось исхитриться каждый раз и делать это по новому. Сегодня, специалисты в вэб — как спецы в геймдеве «оптимизация? не не слышал» для игр у тебя должна быть 5090, в для сайтов 5g и гигабит, 2026 ведь на носу. Я решил поделится теми «привычками» оптимизации контента/графики, которые уже 20 лет в моем арсенале и остаются актуальными и по сей день.

https://habr.com/ru/articles/969236/

#webразработка #графика #графика_для_сайта #адаптивная_вёрстка #адаптивный_вебдизайн #адаптивный_сайт #оптимизация_изображений #оптимизация #оптимизации #svg

24 «привычки» оптимизации изображений

Я работаю с графикой для web с тех бородатых времен, когда случайное нажатие кнопки wap на телефоне могло привести к инфаркту и моментальному списанию всех средств на счете. В погоне за мобильной доступностью цифровых продуктов в те времена приходилось исхитриться каждый раз и делать это по новому. Сегодня, специалисты в вэб — как спецы в геймдеве «оптимизация? не не слышал» для игр у тебя должна быть 5090, в для сайтов 5g и гигабит, 2026 ведь на носу. Я решил поделится теми «привычками» оптимизации контента/графики, которые уже 20 лет в моем арсенале и остаются актуальными и по сей день.

https://habr.com/ru/articles/969236/

#webразработка #графика #графика_для_сайта #адаптивная_вёрстка #адаптивный_вебдизайн #адаптивный_сайт #оптимизация_изображений #оптимизация #оптимизации #svg

Оптимизируя фаянс

Не вспомню точно, зачем зашёл на сайт застройщика Самолёт, но взгляд зацепился за избыточную детализацию планировок, переходящую в кашу, как мои сложносочинённые конструкции предложений, при отображении оных в сетке подбора квартир. Тут же пронеслась мысль, что для карточки лота логично было бы грузить схему стен, дверей и окон с размерами, поскольку мебель сложно визуально разобрать, картинка в целом будет чище, да и будет весить меньше .

https://habr.com/ru/articles/959674/

#застройщики #застройка #застройщик #застрощики #схемы #оптимизация #оптимизация_сайта #оптимизация_изображений #оптимизации

Оптимизируя фаянс

Не вспомню точно, зачем зашёл на сайт застройщика Самолёт, но взгляд зацепился за избыточную детализацию планировок, переходящую в кашу, как мои сложносочинённые конструкции предложений, при отображении оных в сетке подбора квартир. Тут же пронеслась мысль, что для карточки лота логично было бы грузить схему стен, дверей и окон с размерами, поскольку мебель сложно визуально разобрать, картинка в целом будет чище, да и будет весить меньше .

https://habr.com/ru/articles/959674/

#застройщики #застройка #застройщик #застрощики #схемы #оптимизация #оптимизация_сайта #оптимизация_изображений #оптимизации

Оптимизируя фаянс

Не вспомню точно, зачем зашёл на сайт застройщика Самолёт, но взгляд зацепился за избыточную детализацию планировок, переходящую в кашу, как мои сложносочинённые конструкции предложений, при отображении оных в сетке подбора квартир. Тут же пронеслась мысль, что для карточки лота логично было бы грузить схему стен, дверей и окон с размерами, поскольку мебель сложно визуально разобрать, картинка в целом будет чище, да и будет весить меньше .

https://habr.com/ru/articles/959674/

#застройщики #застройка #застройщик #застрощики #схемы #оптимизация #оптимизация_сайта #оптимизация_изображений #оптимизации

Оптимизируя фаянс

Не вспомню точно, зачем зашёл на сайт застройщика Самолёт, но взгляд зацепился за избыточную детализацию планировок, переходящую в кашу, как мои сложносочинённые конструкции предложений, при отображении оных в сетке подбора квартир. Тут же пронеслась мысль, что для карточки лота логично было бы грузить схему стен, дверей и окон с размерами, поскольку мебель сложно визуально разобрать, картинка в целом будет чище, да и будет весить меньше .

https://habr.com/ru/articles/959674/

#застройщики #застройка #застройщик #застрощики #схемы #оптимизация #оптимизация_сайта #оптимизация_изображений #оптимизации

Как я создавал бесплатный сервис оптимизации изображений FlashImg.ru

Всем привет. В этом материале я расскажу как создавал беспслатный сервис оптимизации изображений FlashImg.ru

https://habr.com/ru/articles/856514/

#оптимизация_изображений #оптимизация #картинки #изображения

Форматы изображений в вебе (2024)

Сегодня трудно найти веб сайт, на котором нету хотя бы одного изображения, может быть у вас есть такой пример? На странице в интернете можно сразу увидеть много разных изображений: фото пользователя в личном кабинете, фото товара на маркетплейсе, иконка на вкладке браузера, иконка корзины на кнопке “добавить в корзину”, анимированное изображение-открытка от бабушки в мессенджере, [и еще тысяча примеров]. Если вы как-то связаны с вебом то вам будет полезно иметь общее представление об этих images, как минимум, и уметь с ними работать как максимум. Давайте попробуем разобраться с этим вопросом?

https://habr.com/ru/articles/803823/

#изображения #форматы_изображений #webp #avif #оптимизация_изображений #сравнение_изображений #вебсайт #вебграфика #svg #векторная_графика

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал. В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

https://habr.com/ru/articles/793260/

#lottiefiles #анимация #оптимизация_изображений #дизайнеру #продуктовый_дизайн #командная_работа

Как уменьшить вес продуктовой анимации в 400 раз (без AI)

Все любят красивую и качественную графику, но обычно такая графика весит много и влечёт проблемы с её добавлением в дистрибутив проекта. А, возможно, и доработки по внешней загрузке или самое частое — сжатие с потерей качества. Каждый дизайнер хоть раз, да говорил «Вот бы можно было и качество сохранить, и отдать разработчикам легкие файлы…». Сегодня нет классных AI-решений для этой задачи, но в этой статье мы расскажем о том, как нам удаётся значительно ужимать графику с использованием растровых и векторных элементов, содержащей альфа-канал. В статье мы ответим на следующие вопросы: Какой формат анимации с растровыми элементами выбрать для использования в мобильном приложении? Как уменьшить вес файла и не потерять качество картинки? И как со всем этим связаны Lottie-анимации?

https://habr.com/ru/articles/793260/

#lottiefiles #анимация #оптимизация_изображений #дизайнеру #продуктовый_дизайн #командная_работа

Ускорение загрузки сайта: туториал для джунов

7 месяцев назад я стала тимлидом. От своих разработчиков я собираю обратную связь раз в пару месяцев. Поняла, что главный запрос от новичков — полезные и емкие инструкции по типовым задачам. Решила начать с таска, который наши программисты выполняют чуть ли не каждый день — ускорение сайтов. Если вы искали сборник лайфхаков, который можно спокойно отправить своим джунам — эта статья для вас. И для джунов, конечно. Инструменты проверки, оптимизация изображений, блокировка рендеринга — о всех этапах ускорения без воды с кодом и скринами. В начале — пару слов о себе. Меня зовут Полина и я работаю «

https://habr.com/ru/companies/rocketbusiness/articles/782346/

#ускорение_загрузки #ускорение_сайта #pagespeed #оптимизация_изображений #блокировка_рендеринга #кэширование