Optimizilla.com

Как искать картинки в интернете для сайта?

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

Платные Фотобанки. Depositphoto, Shutterstock и другие фотобанки предоставляют возможность вебмастерам приобретать графические материалы на платной основе. Данные материалы могут быть ранее куплены другими компаниями или оптимизаторами, поэтому часть из них уже можно найти в сети. Минусом является достаточно высокая стоимость контента.

Pexels. Сервис предоставляет высококачественные и полностью бесплатные стоковые фотографии под собственной лицензией. Все фотографии отлично размечены тегами и разбиты по тематическим категориям, что делает их поиск простым и удобным. Библиотека графического хостинга включает в себя несколько сотен тысяч изображений, и каждый день пополняется новыми материалами.

Unsplash. Сервис содержит более 550 000 бесплатных фотографий высокого разрешения и предоставляет абсолютно бесплатный доступ к ним. Все фотографии, опубликованные на Unsplash, могут быть использованы бесплатно как в коммерческих, так и некоммерческих целях.

Stocksnap. Все фотографии используются в рамках творческих объединений — СС0. Эта лицензия позволяет загружать, копировать, изменять и распространять фотографии, даже в коммерческих целях без всяких разрешений. Stocksnap имеет удобную навигацию, категорийность изображений. Не самый большой графический хостинг, однако, в нем можно найти много редко используемых материалов.

Burst. Еще одна платформа с удобным поиском и рубрикацией высококачественных и трендовых изображений с возможностью бесплатного использования в коммерческих и некоммерческих целях. Относительно небольшой графический хостинг, включает в себя мене 100 000 изображений. Однако их качество привлекает многих вебмастеров.

Reshot. Еще один хостинг графики, предоставляющий возможность бесплатного использования и преобразования контента. Содержит множество уникальных и высококачественных материалов, однако, не отличается удобной систематизацией контента. Поиск изображений возможен только по форме на сайте.

Pixabay. Содержит фото, иллюстрации, векторную графику и видео, в том числе, в 4k разрешении с возможностью бесплатного использования и редактирования. Позволяет отсортировать изображения по фотографам, альбомной ориентации, категории, размеру и преобладающей цветовой гамме. Содержит более 800 000 картинок.

Для чего необходима оптимизация изображений

• Вы можете получить высокие позиции в ТОПе раздела «Картинки» поисковых систем (Яндекс, Google, ПоисrMail.ru и др.). И в итоге обеспечить сайт стабильным тематическим трафиком.
• Качественное и оптимизированное фото предоставляет возможность создания релевантной страницы с картинкой, которая будет успешно индексироваться поисковиками.
• Отдельного внимания заслуживает тот факт, что правильно подобранная картинка является источником естественного привлечения ссылочной массы.

С учетом того, что традиционное SEO сайта – это мероприятие комплексного характера, то оптимизировать необходимо не только текстовый контент, но и графический.

Называйте ваши картинки до загрузки на сайт

Под этим пунктом я имею ввиду, что ваши файлы должны называться не
DCIM111223.jpeg , или
1231231dsrgib.png . В общем суть вы уловили. Если вы размещаете на своем сайте картинку с автомобилем красного Форда Мустанга, то название картинки лучше прописать следующее:

2012-Ford-Mustang-LX-Red.jpeg

Также, возьмите за правило: «НЕ НАЗЫВАЙТЕ все ваши картинки русскими буквами». Во-первых, они плохо обрабатываются CMS и создают ошибки при проверке битых ссылок Broken Link Checker. Кстати, настоятельно рекомендую установить этот плагин у себя и просматривать общее состояние всех ваших ссылок на сайте. Так сказать, поддерживать сайт в ссылочной чистоте. Кстати, есть специальный плагин для изменения названия картинок из админки в Вордпресс. Читайте.

Сжать фотографию онлайн не меняя размеров

Иногда надо просто уменьшить вес фотографий, не придавая особого значения размерам. Расскажу о нескольких таких сервисах.

1) Онлайн сервис TinyJPG

Которым часто пользуюсь сам. Вот адрес сайта: https://tinyjpg.com. Это не реклама. Сервис бесплатный. Просто в свое время мой выбор пал на него. Возможно, алгоритм сжатия у них чуть получше был, но факт в том, что по сравнению с другими двумя сервисами уменьшение размера фото было хоть немного, но лучше. Правда, сервис бесплатный с определенными ограничениями. До 20 фото с максимальным весом до 5 МБ каждое можно загружать и сжимать в пределах одной пакетной обработки. Если Вам надо сжать , скажем 100 фото, то придется делать это в 5 приемов по 20 снимков за один раз.

Вот такая забавная панда Вас встречает на сайте. Нажмите кнопку со стрелкой, она на самом видном, центральном месте. Теперь можно выбирать файлы для сжатия онлайн.

Сжать фотографию онлайн

Как видите, процент сжатия у снимков разный, а вот конечный вес в килобайтах находится примерно в одном диапазоне. Сервис максимально уменьшил изображения. Скачать можно поштучно, нажимая download  в каждой строчке, или в виде архива, если у Вас есть архиватор. Для этого надо нажать на кнопку Download all или сохранить в облачное хранилище Dropbox.

2) Онлайн сервис Compressjpeg

Для сравнения эти же фото сжал с помощью другого онлайн сервиса: Compressjpeg, http://compressjpeg.com. Разница в процентах сжатия видна. Видно, что сжать фотографию онлайн без потери качества у TinyJPG получилось намного лучше. В принципе, сайт вполне выполняет задачу как сжать картинку без потери качества. Ничего выдающегося, но вполне рабочий вариант для тех целей, которые мы решаем пользуясь именно онлайн сервисами.

3) Онлайн сервис Optimizilla 

Ну и вот еще один бесплатный сервис, до боли знакомый интерфейс, похожий на предыдущий сервис. Optimizilla http://optimizilla.com/ru, который хоть и не позволяет сжать фотографию до нужного размера онлайн, и не так хорошо уменьшает размер фото, как TinyJPG, но по крайней мере, им намного проще сжать фотографию онлайн без потери качества. Как Вы видите на скриншоте интерфейс этого сервиса устроен таким образом, что перемещая ползунок по шкале «Качество», Вы сможете визуально оценить разницу между оригиналом изображения и его сжатой копией. Одновременно можно закачивать до 20 изображений. Скачивание как поштучное, так и архивом. Все довольно стандартно.

Онлайн сервисы

В сети есть бесплатные сайты, при помощи которых можно уменьшить размер фото. Для этого потребуется лишь браузер и доступ в Интернет. Пользоваться онлайн сервисами можно как на компьютере, так и на телефоне.

Все действия я буду показывать в браузере Google Chrome. Но вы можете использоваться любую другую программу.

IMGonline

1. Нажмите на кнопку «Выберите файл» и укажите картинку, которую нужно сжать.

2. Настройте «Параметры сжатия»:

• В части «Уменьшение размера в мегапикселях» нажмите на поле «уменьшение отключено» и выберите подходящий вариант из списка. Для наименьшей потери в качестве рекомендуется установить от 10 до 30%.
• Пункт «Субвыборка» позволит усреднить цветовые переходы. Тут можно оставить значение по умолчанию: «2х1 (среднее качество)».
• Если планируете загружать фотку в интернет, оставьте переключатель на «Прогрессивный JPEG». Это сожмет ее еще на 2-3%.
• Через пункт «Копировать EXIF и другие метаданные» можно как убрать, так и оставить дополнительную информацию (модель камеры, дату съемки и др.). Эти данные не сильно влияют на размер.
• Пункт «Качество» — это основной параметр, отвечающий за конечный объем файла. Обычно значение 70-80 значительно снижаем вес, но не сильно повлиять на качество.

Готовый снимок сохранится в папку «Загрузки».

iLoveIMG

1. Щелкните по кнопке «Выбрать изображение» и добавьте фото.

2. Кликните по «Сжать изображение».

3. Сервис покажет результат. Щелкните по кнопке «Скачать сжатые изображения» для сохранения.

Compress JPEG

1. Нажмите на «Загрузить» и добавьте картинку.
2. Фотография загрузится, и сервис её автоматически сожмёт.
3. Щелкните по «Скачать все» для сохранения результата.

Photo Resizer

1. Нажмите на иконку папки и загрузите изображение.

2. Фотография отобразится в полном размере. Двигая ползунок «Ширина в пикселях» или «Высота в пикселях» измените размер. Затем щелкните по кнопке «Создать».

3. Нажмите «Скачать» и измененный снимок загрузится на компьютер.

Resizenow

Нажмите кнопку «Выбор изображений» и загрузите картинку. Если нажать на поле «Простой» и указать «Продвинутый», откроется дополнительная панель настройки качества. После выбора размера и качества кликните по «Изменить размер».

Сервис применит настройки и после нажатия на готовую ссылку загрузит файл на ПК.

TinyJPG

TinyJPG – это популярный англоязычный сервис для сжатия изображений в формате JPG и PNG. У него есть ограничение: файл должен весить не более 5 МБ. За раз сайт может обработать до 20 снимков.

Просто перетащите файлы в окошко и сервис автоматически обработает снимки. Для скачивания результата нажмите download или download all.

Perché ottimizzare le immagini?

Quando ti appresti a ridurre le dimensioni di una foto non devi dimenticare che la qualità finale dell’immagine è fondamentale.

Non dovrai, quindi, limitarti a scalare l’immagine, ma comprimerla. Ciò significa che dopo la compressione l’immagine avrà un peso ridotto, ma la sua qualità visiva sarà comunque adeguata.

Anche se può sembrarti scontato, ricordati che un’immagine sfocata non piace a nessuno. Allo stesso tempo però, le immagini troppo pesanti rallentano notevolmente la velocità di caricamento del tuo sito.

E, come saprai, un sito lento non piace né agli utenti, né ai motori di ricerca. Detto questo non serve spiegare ulteriormente perché sia importante avere un sito veloce.

Vediamo adesso in quanti modi è possibile comprime le immagini.

Types of image compression

Before we get into how to compress images, we should briefly mention the different types of compression.

Mainly you can compress an image losslessly (i.e. lossy), or lossy. What does this mean?

Since it is a compression, in both cases the final result will be a reduction of the image size. So what does it change?

As you can guess from the name of the two types of compression, in lossless compression the image quality remains unchanged at the end of the process. On the contrary, in lossy compression, the data that make up the image are partially eliminated and the quality is therefore reduced.

It should be noted that these two types of compression are only the two extremes. In fact, there are different degrees of compression and the secret is to find the right compromise according to your needs.

Программы для оптимизации изображений

Если вы не хотите поштучно оптимизировать каждое ваше изображение, то есть решение. Здесь я приведу список программ с помощью которых вы можете уменьшить вес всех картинок одним нажатием мыши. И потом снова загрузить их к себе на сервер. Последовательность будет такая, сначала все скачиваете по фтп доступу – целиком всю папку. Смотрите не перепутайте для каждого года и каждого месяца отдельно выгружайте, иначе потом у вас будут ошибки (картинка не найдена). Итак, приступаем к обзору программ.

Riot

Radical Image Optimization Tool – если не хотите разбираться в настройках, то это то, что вам нужно. Программа может: оптимизировать картинки, поворачивать,сжимать до определенного объема, смена размера в точках и многое другое.

Диалоговое окно программы интуитивно понятно: слева размещено изображение до, а справа После и итоговые размеры файла:

Если вы хотите включить пакетный режим оптимизации, тогда вам нужно нажать на кнопку Batch. Просто перетаскивайте все необходимые файлы и не забудьте указать финальную папку, куда будут загружены оптимизированные изображения. Программка сделает все самостоятельно.

Online Image Optimizer

Это уже онлайн сервис для оптимизации картинок для вашего сайта. Интерфейс тоже предельно прост. Загружаете картинку или указываете ее урл, выбираете в какой формат конвертировать и нажимаете на кнопку Optimize.

Также эта программа хороша тем, что можно сравнивать параметр Качество у Jpeg фотографий (кликабельно):

Irfan View

Достаточно функциональная программа, отличающаяся удобным «просмотрщиком» изображений. Достаточно быстро работает, большое количество функций. Также предусмотрена пакетная обработка фотографий.

В этой программе вам уже придется чуточку разобраться в настройках. Если в Riot все делалось одним движением мышки, то здесь гораздо больше возможностей.

Вы свободно можете изменить в процентах или точках размеры картинки (даже можно конкретно указать сколько точек должно быть по более длинной стороне и по более короткой). Также возможно задавать различные эффекты: повороты, преобразования, повышение резкости, размытие, изменение в цвете и другое.

Чтобы запустить пакетную обработку нужно зайти в меню File-Batch conversion/rename или с помощью горячей клавиши b.

Для изменения размера и оптимизации картинок вам необходимо:

1. Выделить все ваши медиафайлы.
2. Добавить их в очередь файлов на работу.
3. Указать дополнительные настройки в обоих меню.

Параметр Save Quality можно установить в пределах 80-94.

Размер в точках можно выставлять не более 800 по одной стороне для большинства картинок (например примеры работ, карточки товаров).

Как сжать фото без потери качества для соцсетей

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

Чтобы избежать неприятного результата автоматического сжатия, лучше сделать коррекцию фото самостоятельно.

Canva

Если вы не хотите вникать в нюансы обработки фотографий, а ищите универсальное решение, то для этого есть прекрасный сервис – Canva. Для работы в нем вам нужно будет зарегистрироваться, также там есть платные инструменты. Но уменьшение размера фото можно сделать бесплатно и быстро. К тому же сервис доступен не только для компьютеров, но и для телефонов через одноименное приложение.

1. На главной странице кликните «Создать дизайн» (для мобильных приложений кнопка «+».
2. Сервис сразу выдаст подсказки, какой размер нужен для того или иного случая. Но можно выбрать пункт «Настраиваемый размер» и вбить нужные значения.
3. В открывшемся окне на панели кликните пиктограмму «Загрузки», а затем «Загрузить медиа». Здесь вы сможете загрузить свое изображение.
4. Кликните на загруженное изображение, и оно появится на рабочем столе. Вы можете его растянуть, чтобы в рамке настраиваемого размера осталась только нужная вам часть картинки.
5. Нажмите кнопку «Скачать», выберите формат сохранения (по умолчанию стоит .png) и еще раз подтвердите «Скачать».

PhotoShop

Фотошоп поможет вам не только сжать картинку в формате JPEG до нужного размера, но и оптимизировать режим и профиль фотографии.

1. Загрузите файл в PhotoShop. Вы можете просто перетянуть картинку на рабочее поле или кликнуть «Файл» — «Открыть», а затем выбрать редактируемую картинку.
2. Измените размер фото. Для этого щелкните «Изображение» — «Размер изображения…».

В появившемся диалоговом окне выберите нужный размер готового файла, а также нужный вариант интерполяции. В нашем случае, когда мы уменьшаем фото и не хотим потерять его качество, нужно выбрать вариант «Бикубическая (с уменьшением)»

Измените цветовой профиль. Зайдите в «Редактирование» — «Назначить профиль». Для соцсетей отлично подойдет профиль «sRGB IEK61966-2.1». Если не поменять этот профиль, то цвета на фото в соцсети будут смотреться иначе.
Отредактируйте битность. Откройте на вкладке «Изображение» — «Режим», далее проверьте, чтобы галочки стояли напротив значения RGB и 8 bit. Битность отвечает за глубину цвета, а значит чем больше битность, тем картинка будет содержать больше оттенков. Но соцсети снизят битность без заботы об изображении, у вас же будет возможность исправить недочеты.
Сохраните изображение. Для этого зажмите горячие клавиши CTRL + S, а затем отредактируйте «вес» файла

Если вам важно качество фото, то оставьте максимальное значение, если вам нужно, чтобы файл быстро загружался, то снизьте качество. Фотошоп постарается сохранить хорошую детализацию картинки даже при низких значениях.

Comprimere le immagini: cosa uso?

Esistono diversi modi per ridurre le dimensioni di un’immagine. Se vuoi comprimere una foto usando il tuo pc, puoi utilizzare diversi programmi. Ad esempio, potresti usare Photoshop per comprimere un’immagine senza perdita in png.

Se, invece, utilizzi WordPress, probabilmente saprai già che esistono diversi plugin che ti permettono di automatizzare la compressione e l’ottimizzazione delle immagini. Uno di questi è ShortPixel che usiamo da anni sul nostro sito. Se ti interessa approfondirlo ti consiglio di dare un’occhiata alla mia guida, in cui spiego come ottimizzare immagini WordPress in modo automatico. Altrimenti, se vuoi approfondire il discorso sui plugin, ti consiglio di dare un’occhiata al mio articolo sulla scelta dei plugin affidabili e come evitare, invece, i plugin che rallentano WordPress.

Ci sono casi però, in cui può risultare utile attuare la compressione usando direttamente un ottimizzatore di immagini online. In questo modo non dovrai scaricare nessun programma sul tuo pc, né installare alcun plugin.

Tra gli image compressor online, oggi voglio illustrarti Optimizilla, vediamo come funziona questo strumento e come può aiutarti a comprimere con facilità le foto.

ScriptJPG

Платформа: Windows

Один из самых примитивных инструментов, представленных в этой статье. Он представляет собой скрипт, который выступает в качестве интерфейса для нескольких инструментов командной строки. Перетащите JPG файлы в открытое окно скрипта, укажите опции компрессии, и ScriptJPG сделает все остальное.

Инструмент, несмотря на обещания в рекламе и пресс-релизе, не работает с веб-графикой JPG. Мы так и не поняли, в чем причина, так как строение ScriptJPG настолько просто, что даже нельзя увидеть сообщения об ошибках.

Нам все же удалось использовать набор JPG-фотографий для тестирования, и результат получился приемлемым. Нам удалось сжать каждую фотографию на 10%.

Если же вы относитесь к простым пользователям ПК, то мы рекомендуем применять что-нибудь с графическим интерфейсом.

ImageOptim 1.6.1

Платформа: Mac

Представляет собой инструмент, который оптимизирует GIF, JPEG и PNG-изображения, и выступает в качестве интерфейса для других приложений, среди которых PNGOUT, AdvPNG, Pngcrush, extended OptiPNG, JpegOptim, jpegrescan, jpegtran и Gifsicle.

Программа направлена на сжатие без потери качества: позволяет убрать комментарии, цветовой профиль и т. д. При этом она не перекодирует изображение и не уменьшает количество цветов. Как результат, у вас вряд ли получится существенно уменьшить вес файлов, но зато можно не беспокоиться за потерю качества изображений.

Для начала процесса сжатия нужно перетащить нужный элемент в окно программы. Это приложение нельзя назвать самым быстрым, но до тех пор, пока вы не начнете загружать в него тысячи фотографий в высоком разрешении, вряд ли это станет проблемой.

Результат получился неплохой, но не совсем тот, который мы ожидали. Gif-графику удалось сжать на 17,8%, PNG – на 17,8%, JPG-изображения уменьшились на 18,3%. Лучший результат можно получить при помощи других инструментов, но если вам нужно иметь под рукой стабильный и простой инструмент, то определенно стоит присмотреться к ImageOptim.

Why optimize images?

When you are about to reduce the size of a photo, don’t forget that the final quality of the image is essential.

Therefore, you should not just scale the image, but compress it. This means that after compression, the image will have a reduced weight, but its visual quality will still be suitable.

Although it may seem obvious to you, remember that nobody likes a blurred image. At the same time, however, images that are too heavy significantly slow down the loading speed of your site.

And, as you may know, a slow site doesn’t appeal to either users or search engines. That said, there’s no need to explain further why it’s important to have a fast site.

Let’s see now how many ways you can compress images.

Инструменты для оптимизации изображений

Оптимизация и сжатие изображений позволит вам значительно ускорить работу вашего сайта. Это положительно скажется на поведенческих факторах ранжирования и повысит позиции вашего сайта в выдаче. Вот несколько сервисов, которые помогут вам оптимизировать изображения без визуальной потери качества:

1. TinyPNG. Простой и бесплатный инструмент, который позволяет оптимизировать изображения в форматах jpg и png без потери качества. Сжатие уменьшает размер изображения до 90%. На TinyPNG можно одновременно загрузить до 20 изображений, максимальный вес которых может быть не более 5 мб. Для более расширенных возможностей предусмотрена платная версия.

2. Compressor. Схожий сервис с высокой степенью сжатия изображений, который поддерживает 4 графических формата: JPEG, PNG, GIF, SVG. Позволяет сжимать анимацию и SVG типом компрессии Lossy, jpg и png типом компрессии losseless, экономя до 90% места в ваших медиапапках.

3. Jpegmini. JPEGmini-это технология оптимизации фотографий, которая уменьшает размер файла фотографий JPEG до 5 раз, сохраняя при этом разрешение и качество исходных фотографий. Сервис позволяет сжимать только JPEG изображения.

4. ImageOptim. Онлайн-сервис и локальная утилита для работы на MacOS. ImageOptim поддерживает 4 самых популярных web-формата изображений: JPEG, SVG , GIF и PNG. Помимо сжатия самих изображений сервис удаляет мета-данные о изображениях: координаты GPS, серийный номер камеры, авторов и т.д. Эти данные порой добавляют графике излишний вес.

5. Kraken.io. Это надежный, сверхбыстрый оптимизатор изображений и компрессор с лучшими в своем классе алгоритмами, который поддерживает пакетную обработку фотографий, в том числе, по url-адресу сайта, но только на платной версии. В бесплатной версии доступно сжатие JPEG, SVG , GIF и PNG форматов с возможной детализацией параметров.

Некоторые программы, позволяющие сжать изображение онлайн

Для работы с графикой существует много приложений. В следующих главах статьи мы расскажем об алгоритме сжатия изображений, принятом в самых популярных программах. Если какое-то приложение не перечислено, принцип его действия аналогичен.

Paint и Paint.NET

Функция сжатия рисунков в paint отсутствует. Вместо нее используется инструмент изменения размера. Обычно это уменьшает вес файла, обеспечивает удобный просмотр на экранах телефона, пк.

Для этого:

• в меню нажать «изменить размер»;
• выбрать опцию изменения процентов или пикселей;
• указать нужное значение. Для горизонтального снимка выбирают «пиксели», устанавливают, например, 1080 по горизонтали. Эта величина обеспечивает удобный просмотр и уменьшение файла;
• убедиться, что отмечена опция «сохранить пропорции»;
• кликнуть «ок».

Другой вариант — выделить нужный фрагмент, обрезать.

Аналогичные способы работают онлайн в paint.net. В этом приложении можно дополнительно выбрать опцию обрезки холста.

Photoshop, MS Office, Snagit

Adobe Photoshop уменьшает размер изображений.

Можно:

• изменить размер снимка, отрегулировав ширину, высоту в процентах или пикселях;
• вырезать из картинки фрагмент;
• обрезать холст;
• при сохранении jpeg, выбрать save as, установить качество;
• при сохранении нажать save for web. Выбрать расширение, качественные характеристики, цвета, тип профиля, размер.

Легко использовать инструмент сжатия в стандартной утилите MS Office — MS Picture Manager. Достаточно в запущенной программе открыть картинку, на панели инструментов нажать «рисунок», выбрать «сжать рисунки». Затем указать процент преобразования, сохранить результат.

Функции компрессии нет в редакторе Snagit. Уменьшить картинку можно, только если изменить ее размеры.

Для этого необходимо:

• открыть рисунок;
• перейти во вкладку «инструменты», выбрать «изменить размер»;
• установить ширину или длину;
• нажать «сохранить пропорции»;
• подтвердить выбор.

Caesium, FileOptimizer, RIOT, XnView, MovAvi

Инструмент сжатия в англоязычном бесплатном приложении Caesium работает так:

• открыть одно или несколько изображений, нажав add (добавить);
• выбрать место хранения результата;
• кликнуть

Хороших результатов сжатия можно добиться с FileOptimizer. Англоязычная прога имеет простой интерфейс, поддерживает графические форматы, pdf, документы ms office. Чтобы запустить процесс, выбирают рисунок, кликают «optimize».

Следующая утилита для преобразования картинок  — RIOT.

Механизм работы:

• установить на пк, запустить;
• перейти в tools — options – general options (общие настройки), отметить две опции – save settings on exit, show captions for main toolbar buttons. Так сохраняются настройки и появляются надписи на инструментах;
• открыть картинку, нажав «open». В левом окне откроется исходник, в правом — вариант меньшего размера.

Приложение предлагает разные настройки для разных форматов:

• при работе с jpg выбирают качество, цветовое разрешение, прогрессивный или стандартный профиль;
• регулировка цветов доступна для gif, png.

В утилите доступен инструмент пакетной оптимизации.

Чтобы ее запустить, нажимают «batch» и выбирают опции:

• add images — картинки добавляются по одной;
• add all images from folder — оптимизируются все изображения из папки;
• add all images from folder (including subholders) — оптимизируются все изображения из папки, в том числе из подпапок.

Несколько способов оптимизации предлагают разработчики XNView:

• изменение размера. Нажать «изображение», затем «изменение размера». Указать нужную ширину или высоту в пикселях или выбрать изменение в процентах. Нажать «сохранить пропорции»;
• сжатие. Для этого в горизонтальном меню перейти в «инструменты», выбрать «пакетная обработка». Если нужно оптимизировать один или несколько файлов, щелкнуть по «добавить». Для изменения нескольких рисунков в папке, кликнуть «добавить папку». Перейти в «опции», в окне «коэффициент» указать процент, на который нужно пережать картинку.

Редактор MovAvi осуществляет пакетное преобразование:

• загрузить файлы;
• нажать «формат и качество». Установить бегунок на нужном значении;
• задать размеры;
• кликнуть «экспорт».

Нужно ли менять настройки в Squoosh

Настройки, установленные по умолчанию, можно изменить. Для этого достаточно поставить галочку напротив «Show advanced settings» в правой нижней части экрана (7 на рис. 2).

Рис. 3. Изменение настроек сжатия в сервисе Squoosh

Можно изменить настройки, чтобы выбрать подходящий формат, изменить размер картинки, задать другой уровень качества и при необходимости сократить палитру цветов. Удобно, что при изменении любой настройки сразу видно, как меняется размер картинки, какое у нее качество.

В большинстве случаев достаточно настроек, заданных по умолчанию. Чтобы скачать полученную картинку, кликаем по синей стрелке в правом углу (1 на рис. 3).

Видео «Сжать фото с помощью онлайн сервиса Squoosh»

Дополнительные материалы:

1. Могут ли храниться фотографии в интернете и личные файлы вечно

2. Как скачать фото и видео с Инстаграм на компьютер

3. Если любите фотографировать, можно зарабатывать на продаже фотографий в интернете

PUNYpng

Платформа: Веб-сервис

Сервис способен производить компрессию без потери качества не только PNG-файлов, но также и GIF/JPG. Зарегистрироваться в этом сервисе можно абсолютно бесплатно, но у него есть некоторые ограничения: загружать можно до 15 изображений за раз, и каждое из них может «весить» не более 150 кб.

Это не большая проблема, учитывая простоту использования. Перейдя на сервис, нажмите кнопку «Upload Images», а затем подождите, пока в процессе загрузки все изображения будут оптимизированы. После этого будет представлен отчет о проделанной работе, а также возможность скачать набор обработанных изображений в виде ZIP-архива.

Бесплатный аккаунт предполагает возможность только lossless-компрессии. PUNYpng дает достаточно хороший результат, и в тестах нам удалось получить от 16% до 32% сжатия различных форматов. За небольшую плату ($2 в месяц) можно получить PRO-аккаунт, который позволяет осуществлять и lossy-сжатие. В данном случае предусмотрена возможность загружать много файлов большего размера.

Если вам необходим именно веб-сервис и вас не смущают ограничения, то PUNYpng можно по праву считать эффективным и простым в использовании вариантом.

15 Сервисов оптимизации изображений для сайта

Google PageSpeed Insights

Всем известный сервис Google PageSpeed Insights от Google для сравнительной проверки скорости вашего сайта. С недавнего времени, помогает не только выявить проблемы медленной загрузки сайта, но и моментально сжать «тяжелые» фото.

После анализа сайта, внизу есть кнопка «Скачать оптимизированные изображения,….»

GTmetrix

Аналогичный всем известный Канадский сервис для анализа скорости загрузки сайта GTmetrix. Помимо всего прочего, дает свой оптимальный вариант сжатого фото, найденного на сайте. На вкладке «Optimize Images» ищем ссылки «See optimized version» под каждым фото.

Недостатки этих двух вариантов оптимизации, в ухудшении качества фото и в правке уже сделанной ошибки. Фото лучше сжимать сразу до загрузки на сайт.

Сравнение лучших программных инструментов для сжатия изображений (2020)

Онлайн-инструменты	Тип сжатия	Поддерживаемый формат	Стоимость	Поддержка массовых изображений	Платформа
Крошечный PNG	Потерянный	PNG и JPEG	Бесплатно и с открытым исходным кодом	Да, до 20 файлов	Интернет
Compressor.io	С потерями и без потерь	JPEG, GIF, PNG и SVG	Свободно	Нет	Интернет
Kraken.io	С потерями и без потерь	PNG и JPG	Бесплатная и платная версия	Да, до 20 изображений	Интернет
Оптимизатор JPEG	Потерянный	JPEG	Свободно	Нет	Интернет
Optimizilla	Без потерь	JPEG и PNG	Свободно	Да, до двадцати файлов	Интернет
Изменить размер фотографий	Без потерь	JPG, PNG, GIF, BMP и PSD	Свободно	Нет	Интернет
Оптимизатор изображений в Интернете	Без потерь	PNG, GIF и JPG	Свободно	Нет	Интернет
Сжать сейчас	Без потерь	JPEG, GIF, JPG и GIF	Свободно	Да, до 10 файлов	Интернет
PNG мультфильм	Без потерь	JPEG, GIF и PNG	Свободно	Да, до 20 фото	Интернет
Сжать фотографии	Без потерь	JPEG, PNG и JPG	Свободно	Да,	Интернет

Для чего нужна оптимизация изображений

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

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

Поговорив немного о теории, давайте перейдем к практике.

Заключение

Рекомендуем поэкспериментировать со сжатием картинок самостоятельно – при этом предварительно скопировав их в тестовую папку, чтобы не потерять важные фото. После 3-4 попыток вы на практике поймёте, как уменьшить размер изображения оптимальным образом, с наиболее подходящими параметрами компрессии, ширины и высоты.

Наши рекомендации о том, как уменьшить размер файла JPG:

1. Установить и использовать повседневно любой качественный менеджер графических файлов.
2. Забыть о Фотошопе: это слишком мощный и неповоротливый редактор для таких простых задач.
3. Использовать онлайн-сервисы лишь когда под рукой нет других способов – а для одиночных файлов пользоваться Paint’ом.

Дисклеймер: ни одна собака в ходе художественных и программных экспериментов не пострадала. : )

Выводы

Итого, для эффективной SEO-оптимизации изображений необходимо:

1. Использовать индексируемые поисковыми системами форматы фалов;
2. Размещать на сайте сжатые изображения без визуальной потери качества в соответствие с тем разрешением, в котором они представлены на сайте;
3. Добавлять на сайт уникальные или переработанные графические материалы;
4. Прорабатывать атрибуты, описания и текст вокруг изображений;
5. Называть файлы в соответствие с содержимым картинок;
6. Добавить sitemap-image.xml на сайт для Google;
7. Внедрить на сайт микроразметку SchemaOrg;
8. Открывать для индексации медиафайлы в robots.txt;
9. Использовать бесплатные стоки картинок и инструменты по их оптимизации.

При создании и использовании изображений необходимо помнить, что, в первую очередь, контент вашего сайта предназначен для пользователей. И если ваш контент будет нравиться им, с высокой долей вероятности поисковые системы его тоже оценят!