mangiana_irina (mangiana_irina) wrote,
mangiana_irina
mangiana_irina

КАК УМЕНЬШИТЬ КАРТИНКУ ВРУЧНУЮ ?

К примеру нам понравилась какая-то картинка, у которой уже заданы чёткие размеры, а нам нужно уменьшить её до нужного именно нам размера, чтобы вставить её в пост. И что же делать?

А вот что. Берём картинку большого размера и вставляем её в наш пост, а потом в её коде меняем размер на меньший. Вот как это делается:

Берём картинку



Вот её код: <img src="http://img-fotki.yandex.ru/get/4214/mangiana.48/0_41f58_91bb92c_XL.jpg" width="713" height="485" title="" alt="" border="0"/>

Как видите, размер этой картинки 713х485, а нам нужно уменьшить её.

Я делаю это совсем простым способом. Просто стираю в коде значение высоты (height="485"), а в значении ширины (width="713") вместо 713 проставляю нужный мне размер. Например 300

Теперь код будет выглядеть так:

<img src="http://img-fotki.yandex.ru/get/4214/mangiana.48/0_41f58_91bb92c_XL.jpg" width="300" title="" alt="" border="0"/>

А картинка стала меньше. Теперь она стала вот такой.



А теперь рассмотрим вариант, когда в коде картинки не прописан код. Такое тоже случается. Но ничего сложного в этом нет. Мы можем сами изменить размер такой картинки, уменьшив её, просто добавив в код значение ширины. Нужная высота в таком случае установится автоматически и картинка сохранит нормальные пропорции. Как же это делается ? А очень просто.

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



Вот код этого сердечка:

<img src="http://img-fotki.yandex.ru/get/4207/mangiana.4d/0_432ec_25ce717f_XS.jpg" alt=""/>

Как видите, в коде не указаны его размеры. Так что же мы делаем ? Просто вставляем значение ширины в начале кода, перед src , после чего код будет выглядеть так:

<img width="20" src="http://img-fotki.yandex.ru/get/4207/mangiana.4d/0_432ec_25ce717f_XS.jpg" alt=""/>

А наше сердечко так:



Как видите ничего сложного.

Удачи вам, друзья !

Урок от mangiana_irina
Tags: изменение размера изображения, картинки, обработка изображений, полезная информация, уроки
Subscribe

Posts from This Journal “изменение размера изображения” Tag

promo mangiana_irina апрель 22, 2016 06:42 43
Buy for 30 tokens
Эти по-настоящему крутые иллюзии канадского художника Роба Гонзалеса удивят тебя не на шутку. Глядя на картину невозможно понять, где заканчивается реальность и начинается иллюзия. Роб начал интересоваться искусством еще в детстве. В 12 лет он начал писать картины, но в то время еще не мог…
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 2 comments