Как уменьшить размер фотографии в мегабайтах, делюсь опытом

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

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

Разные способы

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

Microsoft Office

Самый простой способ, который был достаточно неожиданным и для меня самого — это обычный office. Допустим, я пишу статью, и у меня есть фотография, которую мне нужно вставить на сайт. Выглядит она вот так.

Как уменьшить размер фотографии в мегабайтах-1

Как вы понимаете, это очень большой размер по ширине для сайта. 1000px — это очень широко, потому что максимум в контентной части сайта 700px. А если вам нужна просто картинка, как мне — показать какой-то вид танцев, то достаточно будет 500-600px.

И по весу она тоже большая 105кб, можно сделать немного поменьше. Поэтому я использую инструмент Изменить размер.

Как уменьшить размер фотографии в мегабайтах-2

И после этого методом подбора нужных процентов, я выбираю лучшее, что мне подойдет. Обычно я здесь останавливаюсь на 700-800px.

Как уменьшить размер фотографии в мегабайтах-3

И затем фотка весит уже 70-80кб, что очень не плохо. В таком виде ее можно вставлять на сайт. А на сайте есть определенный плагин, который тоже оптимизирует фото, и она получается вообще немного весит.

Если интересно, то плагин я использую Robin image optimizer. По настройкам могу отдельно рассказать в другой статье. А на данном этапе он делает свою работу очень хорошо. И также это влияет на скорость загрузки сайта и лучшие показатели для Google.

Хотя для Google все-таки лучше делать amp страницы, чтобы загрузка была вообще классной. У меня они есть, и я вполне доволен этим. Но не все их поддерживают. Хотя турбо страницы яндекса есть практически у всех.

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

Photoshop

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

Для сайта очень хорошо подходит функция, которую я обычно вызываю горячими клавишами Ctrl+Shift+Alt+C. Может быть покажется, что так много клавиш, но на самом деле очень удобно нажимать все одной левой рукой.

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

Как уменьшить размер фотографии в мегабайтах-4

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

Как уменьшить размер фотографии в мегабайтах-5

На что можно обратить внимание, это размер слева внизу в углу. Затем можно выставить качество. Я обычно делаю 75% — этого достаточно для моих целей. Это справа вверху. И еще можно менять размер изображения. Этот параметр справа внизу.

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

Кстати, для себя я заметил, что если вам нужна картинка, именно изображение, то это лучше делать в формате jpeg. А если у вас есть какие-то данные, цифры, и их больше, то лучше для сайта использовать формат png.

Этот формат очень интересный, и бывает так, что вообще очень немного весит картинка, может быть 6-9кб, а все четко читается и все цифры видны. Но это только для цифр, где нет картинки.

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

Надеюсь, что смог чем-то вам сегодня помочь. Если есть вопросы — пишите в комментариях, постараюсь ответить. Подписывайтесь на новые статьи, и всего самого хорошего.

С вами был Иван.

КРАСИВОДЕЛ
Добавить комментарий