Templates by BIGtheme NET

Уменьшаем картинки с умом :)

На улице страшная жара, и пока в доме холодок, воспользуюсь моментом и опишу фишки, при помощи которых можно изменить размер изображения!

Методы, которыми можно изменить размер изображения:

Пользуясь случаем, хочу передать привет всем, кто когда-либо изменял размеры;) Для начала я определился какими способами можно изменить размер изображения, получилось вот так:

  • Обрезание
  • Сдавливание
  • Растягивание
  • Уменьшение путем удаления лишних точек (не секрет, что изображение построено на точках)
  • С векторной графикой обстоит все немного иначе, но ее в этой теме я не затрону.

    Ну что же, я считаю что об обрезании не стоит говорить, так как он не таит в себе каких либо секретов, и  нам он не походит…

    Часто вижу такую фишку как сдавливание изображений, это когда картинку размером 300*300 px визуально уменьшили до 70*70 px, но при том оно так и осталось 300*300, но вы видите 70*70. Получается так, что все точки  сдавили, после чего мы наблюдаем некрасивый результат! Не стоит применять этот способ, разве что изображение не векторное, а если это не так, то представьте как Вы сдавливаете в руке помидор, пытаясь уменьшить его в четыре раза. Думаю, не трудно догадаться, что с ним будет! Картинка так же почувствует себя, как помидор.

    Да, не спорю, можно увеличить изображение, но качество потеряется. Если изображение размером 300*300 и его растянуть до 450*450, то точки в нем будут просто растягиваться, что тоже не придаст хорошего эффекта.

    Мы дошли до самой основы назначения статьи. Так как у меня множество кнопок, они имеют размер 250*250, а такой размер не всегда приемлем для дизайна, оптимальный это 50*50! Но первые три способа изменить размер изображения никак не подойдут. Поэтому читаем дальше, чтобы узнать каким образом  уменьшить картинку!

    Изменим размер изображения при помощи наилучших примочек!

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


    Либо нажмите комбинацию клавиш Alt+Ctrl+I. Перед нами откроется вот такое окошко:


    Вот в нем то мы и выставим наше значение. Допустим, вы взяли мою кнопку 250*250, но вам нужно 50*50, Вот мы и ставим ширину и высоту 50 и 50. Но обратите внимание на галочку внизу «Сохранять пропорции». В случае, если она стоит, то вам достаточно изменить, к примеру, ширину, а вот высота подстроится автоматически, это я вам хочу сказать довольно-таки удобно, в общем жмем ОК и сохраняем готовую картинку 😉

    Изменим  размер изображения при помощи онлайн сервиса

    Я также подумал о том, если вдруг у вас нет фотошопа, не беда! Есть онлайн сервис Risizenow.com. Там все просто, загрузили картинку, выставили ширину и высоту, нажали кнопочку “изменить размер”, после чего готовая картинка сохраняется на ваш ПК!

    Хочу сказать вам очень важную вещь! Просмотрев десяток аналогичных сервисов, я моментально отправил их в мой список говносайтов. А все потому, что после того, как они изменили размер изображения, картинка сохраняется как JPG, что катастрофически неприемлемо для того же веб-дизайна, когда используются в основном GIF и PNG! На этой ноте мы закончим 🙂

    Огромное спасибо, что прочитали мою статью!

    Оставить комментарий

    Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

    *

    Comments links could be nofollow free.

    ăn dặm kiểu NhậtResponsive WordPress Themenhà cấp 4 nông thônthời trang trẻ emgiày cao gótshop giày nữdownload wordpress pluginsmẫu biệt thự đẹpepichouseáo sơ mi nữhouse beautiful