Изменить размер изображения в пикселях онлайн - IMG online

Изменить размер изображения в пикселях онлайн - IMG online

Написал Елена Молгачева в 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. Посмотрите, как изменить размер фото или картинки в Microsoft Office Picture Manager и легко получить конкретный размер изображения.

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

P.P.P.S. Список бесплатных онлайн сервисов для работы с изображениями.

Елена и tvoy-internet.ru

Изменить размер изображения в пикселях онлайн - IMG online 22
Как изменить размер картинки. ТВОЙ ПОМОЩНИК - ИНТЕРНЕТ
Изменить размер изображения в пикселях онлайн - IMG online 41
Как быстро и без головной боли сделать нужный размер
Изменить размер изображения в пикселях онлайн - IMG online 82
Уменьшение картинок и фотографий! - Программы для
Изменить размер изображения в пикселях онлайн - IMG online 11
Изменяем размер картинки Photoshop для девушек
Изменить размер изображения в пикселях онлайн - IMG online 51
Как подогнать картинку под нужный размер?
Изменить размер изображения в пикселях онлайн - IMG online 96
Photoshop: размер и разрешение изображения
Изменить размер изображения в пикселях онлайн - IMG online 98
Уменьшить и увеличить фото онлайн
Изменить размер изображения в пикселях онлайн - IMG online 48
Изменение размеров рисунка
Изменить размер изображения в пикселях онлайн - IMG online 16
ВЯЗАНИЕ СПИЦАМИ ДЛЯ ЖЕНЩИН Записи в рубрике ВЯЗАНИЕ
Изменить размер изображения в пикселях онлайн - IMG online 89
Вывязывание отверстий для пуговиц. Вязание
Изменить размер изображения в пикселях онлайн - IMG online 89
Изменить размер изображения в пикселях онлайн - IMG online 5
Изменить размер изображения в пикселях онлайн - IMG online 63
Изменить размер изображения в пикселях онлайн - IMG online 25
Изменить размер изображения в пикселях онлайн - IMG online 14
Изменить размер изображения в пикселях онлайн - IMG online 59
Изменить размер изображения в пикселях онлайн - IMG online 73
Изменить размер изображения в пикселях онлайн - IMG online 65