Как сделать картинку нужного разрешения


Как сделать картинку нужного разрешения
Как сделать картинку нужного разрешения



Как сделать картинку нужного разрешения

Написал Елена Молгачева в 20 Март 2012, 16:44 Отредактировано: 25 Март 2016, 08:25

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

Мысль о том, чтобы вставлять во все статьи унифицированные картинки  какого-то определенного размера, мне представляется  вполне здравой. Можно будет потом использовать эти  картинки внизу статьи (плагин  Related Post Slider в связке с WordPress Related Posts) для привлечения  внимания посетителей и успешного продвижения сайта. Но сначала нужно разобраться как изменить размер картинки.

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

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

1 Самый простой способ изменения размера картинки  — при вставке ее в статью, там можно указать совершенно конкретный размер (визуально оценив степень искажения).

Как изменить размер картинки для сайта

2 Второй простой способ изменения размера картинки или таблицы (например, форма подписки не помещается по ширине в сайт баре) –  внести изменения в HTML код.

Вот так выглядит HTML код красной стрелки в виджете моего правого сайт бара:

<img style= «width: 110px; height: 30px;» alt=»стрелка»

src= «http://tvoy-internet.ru/wp-content/uploads/2012/03/strelka2.png»>

Здесь указана ширина (width: 110px), и высота (height: 30px) стрелки. Если их изменить, то размеры изображения тоже соответственно изменятся. Аналогично меняются размеры формы подписки в виджете при подгонке под ширину своего сайт бара.

3 Третий простой способ изменения размера картинки – сделать эти изменения в Фотошопе у себя на компьютере еще до загрузки на сайт. Фотошоп оказывает незаменимую помощь владельцам сайтов. Кто не владеет Фотошопом, не пугайтесь. Это совсем не сложно. И надо же с чего-то начинать. В дальнейшем точно пригодится.

Если у Вас Фотошоп не установлен, то в конце статьи есть ссылка на Фотошоп онлайн. Но сначала ознакомьтесь с тем, как это сделать.

Для этого необходимо открыть картинку в Фотошопе и выбрать пункт меню «Изображение»,а в  выпадающем списке нажать- «Размер изображения».

Как изменить размер фото в Фотошопе онлайн

 Откроется  форма для изменения размера изображения. Для вставки на сайт нас интересуют размер в пикселях.

размер изображения в фотошопе

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

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

Вот и все. Мы легко получаем картинку нужного размера. Лучше делать из больших картинок маленькие, чтобы преобразование шло не во вред четкости изображения . Осталось только сохранить картинку (лучше в формате jpeg) со своим названием. Как изменить формат, тип (или расширение) картинки можно посмотреть .

Перед сохранением открывается еще одна форма в Фотошопе. Здесь можно ничего не менять, просто нажать OK.

Изменеие размера файла изображения.

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

Я уже столкнулась с проблемой размера файлов при организации своей рассылки по Smartresponder.

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

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

Овладевайте и применяйте на практике!

Всегда рада видеть Вас у себя на сайте. Заходите еще.

P.S. Посмотрите, и легко получить конкретный размер изображения.

P.P.S. Посмотрите, как лучше сохранить изображение в Фотошопе, чтобы у максимально перед размещением на сайте (уменьшить объем или вес файла в кБ без изменения размера картинки).

P.P.P.S. для работы с изображениями.

Елена и 


Источник: http://tvoy-internet.ru/kak-izmenit-razmer-kartinki/




Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Как сделать картинку нужного разрешения

Похожие новости: