Для многих блоггеров уменьшение размеров загружаемой картинки - настоящая проблема. У кого-то нет времени оптимизировать их, а кому-то просто лень! В последнее время я стала пользоваться сервисом TinyPNG.
Воспользовалась интернет-переводчиком и узнала много интересного!
За один раз можно сразу "закинуть" 20 картинок (в рамочку со стрелкой), наблюдать, как происходит сжатие, а затем скачать архив с уже уменьшенными копиями! После обработки изображений в этом сервисе вес фотографий уменьшился больше, чем в два раза!
За один раз можно сразу "закинуть" 20 картинок (в рамочку со стрелкой), наблюдать, как происходит сжатие, а затем скачать архив с уже уменьшенными копиями! После обработки изображений в этом сервисе вес фотографий уменьшился больше, чем в два раза!
Что TinyPNG делать?
TinyPNG использует умные методы сжатия с потерями
, чтобы уменьшить размер файла ваших файлов PNG. Путем
выборочного уменьшения количества цветов в изображении, меньше байтов требуется
для сохранения данных.Эффект почти невидимы , но это делает очень большой
разницы в размере файла!
Почему я должен использовать TinyPNG?
PNG полезно , потому что это
единственный широко поддерживаемый формат , который может хранить частичнопрозрачные
изображения . Формат использует сжатие, но файлы по-прежнему
может быть большим.Используйте TinyPNG сжать изображения для ваших приложений и
сайтов. Она будет использовать меньшую полосу пропускания и загружаются
быстрее .
Может
ли кто-нибудь сказать разницу?
Отличный вопрос! Позвольте мне дать
вам изображение бок о бок. Ниже приведены две фотографии моего
кузена. Левое изображение сохраняется как 24-битный PNG непосредственно из
Adobe Photoshop. Справа то же изображение обрабатывается TinyPNG. Пятно
никакой разницы?
Как
это работает?
Отличный вопрос! При загрузке PNG - файл
(Portable Network Graphics), аналогичные цвета изображения объединяются. Этот
метод называется "квантование". За счет уменьшения количества
цветов, 24-битовые PNG - файлы могут быть преобразованы в гораздо меньших
8-битовой индексированной цветных изображений. Все ненужные метаданные
раздели тоже. Результат: лучше PNG файлы с 100% поддержкой
прозрачности . Иметь свой кусок пирога и съесть его!
На изображении выше размер файла
уменьшается более чем на 70% . У меня отличное
зрение , но не может определить разницу либо! Используйте
оптимизированное изображение , чтобы сохранить пропускную способность и
время загрузки и посетители вашего сайта будут вам благодарны.
Поддерживается
ли это везде?
Отличный вопрос! Файлы , полученные
TinyPNG отображаются абсолютно на всех современных браузерах , включая
мобильные устройства . Тем не менее необходимо поддерживать
Internet Explorer 6? Как правило , она игнорирует прозрачность PNG и
отображает сплошной цвет фона. С TinyPNG фон снова становится
прозрачным.Binary прозрачность без каких - либо обходных путей!
Могу
ли я использовать анимированные PNG?
Отличный вопрос! Скорее всего,
анимированный PNG (APNG) станет очень популярным в ближайшее время. В
течение нескольких лет Firefox и Safari поддерживают APNG. А в июле 2016
года Google решил приступить к разработке поддержки APNG для Chrome. Сейчас
Microsoft Край, Chrome и Opera будет просто показать первый кадр анимации,
который вы также можете скрыть от поддерживаемых браузеров. Apple, добавили анимированные
наклейки для Шеззаде с выпуском прошивкой 10. Если вы хотите создать и сжимать
наклейки под 500 КБ , посмотрите на наклейку Шеззаде Panda, например, на Github.
Как
насчет Photoshop?
Отличный вопрос! Только Photoshop
CC 2015 и 2017 может сохранять изображения в качестве индексных PNG файлов с
альфа-прозрачностью. С другими версиями нельзя и Photoshop CS5 не может
даже отобразить их должным образом.
Вы можете использовать Сохранить
для Web, чтобы экспортировать изображения в виде файлов в формате
PNG прозрачный 24-разрядные , так и загружать их на TinyPNG. Мы будем
конвертировать их в крошечных индексируемых файлов PNG. Кроме того, можно
установить плагин TinyPNG Photoshop . Это позволяет
масштабировать, просматривать и сохранять сжатый PNG и JPEG изображения прямо
из Photoshop.
Почему
вы создаете TinyPNG?
Отличный вопрос! Мы часто используют PNG изображения, но были сорваны
с временем загрузки. Мы создали TinyPNG в нашем стремлении сделать наши
собственные веб - сайты быстрее и более интересно использовать с лучшим
сжатием. В 2014 году мы добавили интеллектуальное сжатие для
изображений JPEG и в 2016 году мы добавили поддержку анимированных PNG. Сжимая
изображения с веб - сайтом является бесплатным для всех и без размещения наружной
рекламы, и мы хотели бы сохранить его таким образом!
TinyPNG - https://tinypng.com/
Удачи в работе!
Спасибо очень даже пригодится!
ОтветитьУдалитьРада, что помогла! Спасибо за отзыв! :-*
УдалитьСпасибо, Татьяна Владимировна! Очень нужный сервис для меня!
ОтветитьУдалитьОльга Михайловна, очень рада Вашему комментарию! :-*
ОтветитьУдалитьСвяжитесь, пожалуйста, со мной в скайпе.