Jump to content

А как Вы оптимизируете изображения на сайте ?


Recommended Posts

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

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

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

 

Есть стандартная прога, Microsoft picture manager например, ну или фотошоп.У кого какие навыки...

Link to post
Share on other sites

Сжимаю их в фотошопе. Из png, перевожу в JPEG. Так вес меньше. + сохраняешь в качестве похуже, особенно картинки большого формата, но которые на сайте у тебя маленькие

Link to post
Share on other sites

Я подготавливаю в фотошопе, обрезаю до нужных размеров и сохраняю safe for web .... обязательно,  появляется окно в котором можно выбрать качество сохраняемого рисунка и его расширения, для jpg я сохраняю в качестве low, при этом уменьшается вес картинки при сохранении видимого качества и ни какие сервисы не ругаются.

Link to post
Share on other sites

Сжимаю их в фотошопе. Из png, перевожу в JPEG. Так вес меньше. + сохраняешь в качестве похуже, особенно картинки большого формата, но которые на сайте у тебя маленькие

Png используется с прозрачной подложкой в основном, а в jpg прозрачной подложки нет, поэтому расширения не взаимозаменяемы.

Link to post
Share on other sites

А про теги alt и title все молчат. ;)

я вот тоже про эту оптимизацию подумал, но никак не про сжимание и уменьшение качества :)

 

Так что имел ввиду автор?

Link to post
Share on other sites

Вот отличный онлайн сервис по сжиманию картинок - http://www.jpegmini.com/

Ели картинка в формате JPEG, лучше не придумаешь, сжимает в 2-3 раза без потери качества.

Что касается тегов alt и tittle, если в посте 2-3 картинки то всегда ставлю, но бывает что в посте и 30-50 фото тогда лень берёт верх...

Link to post
Share on other sites

я имел ввиду в принципе тоже самое что тут и отписали .. фотошоп - save for web и тд ... но когда картинка 930 ширину и примерно пикселей 350 в высоту .. и их около 15 .. как лучше .. уменьшить количество картинок или так и делать как тут описали ?

Link to post
Share on other sites
  • VIP

1) Никаких онлайн-сервисов. У фотошопа лучший баланс веса картинки и её качества, а также неограниченные возможности ретуширования.

2) Где много больших изображений на 1й странице используйте превью, чтобы оригиналы не грузились без клика.

Link to post
Share on other sites

 а я пользуюсь fast stone viewer - он и просмотрщик для фото хороший и пакетная обработка (пережатие качества, формата) присутствует

 

по поводу сео оптимизации:

альты заполнять

а также тайл и дескрипшин 

оптимизировать название файла перед загрузкой kupit-tovar-v-moskve.jpg

к альбомам фотогалереи полноценные описания

 

 

а еще стоит изучить по вашей тематике топы по картинкам

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

Link to post
Share on other sites

Альты заполнять, а также метатеги тайл и дескрипшин, это первое дело.


Мало того что там ключи всовываются, так Вы привлекаете доп интерес поисковиков малыми тайтлами и дискрипшинами к статье.


 


Широкую сторону картинки ужимаю до 400-450 пкс.


Малая как получится при обработке.


Работаю обычно в фотошопе.


1 шаг, зеркально отобразил по горизонту.


2 шаг, провернул по оси на 12-14 градусов.


 


Картинки с вертикалями и горизонтами обычно не беру.


Там все заваливается.


А девоньку в пеньюаре можно и повернуть вокруг оси, в отличии к примеру той же рекламы купальника на пляже с пальмами и линией горизонта.


 


 


Обычно, после этого, фотка в 95 %  на гугле картинки,   уникальна.


Потом обвесил ее метатегаими с ключами, (купить купальник, путевки на моря)  и будет Вам счастье!


Link to post
Share on other sites

Не всегда с помощью Photoshop можна добится нужного сжатия.
Использую для .png - tinypng.com, для .jpg  - kraken.io/web-interface

После сжатия в Photoshop Google Page Speed говорит, что можно еще сжать изображения. После этих двух сервисов таких сообщений почти нет. Качество картинки при этом сохраняется нормальное.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...