20 октября 2012 г.

Как изменить размер изображения?

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

Иногда этого недостаточно)

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

Как самим изменить размер изображения  в блоге?


1. Вставляем фото.
2. Переключаемся в режим HTML, находим код изображения и меняем в нем  параметры.

Мой код изображения выглядит так:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcQaapiOehVm4DV-A729r_Xii_QlH1rLIWwoE7HuQ2HGlFi7iMcisdg4hgIQk-IySi9cO1xRBM7fhVySUJDzDZy_qpr8eFuYeQwzyfZxB_CS1BkqJoeFvPnRgUwkqTRkKLfr0d8avikYge/s1600/IMG_1957.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcQaapiOehVm4DV-A729r_Xii_QlH1rLIWwoE7HuQ2HGlFi7iMcisdg4hgIQk-IySi9cO1xRBM7fhVySUJDzDZy_qpr8eFuYeQwzyfZxB_CS1BkqJoeFvPnRgUwkqTRkKLfr0d8avikYge/s320/IMG_1957.JPG" width="314" /></a>

Голубым маркером я выделила высоту и ширину изображения.

 height="320" -высота
 width="314"- ширина

Если цифры заменить на нужные нам, то размер фотографии изменится)

Понятно, чтобы картинка не исказилась, менять параметры высоты и ширины надо пропорционально. Помните как пропорцию составлять? )))

Я считаю так:
Если мне нужна определенная ширина фото, то новую ширину умножаю на старую высоту и делю на старую ширину. Получаю новую высоту.
Если нужна определенная высота фотографии, то новую высоту умножаем на старую ширину и делю на старую высоту. Получаю новую ширину.

Запутала? Попробуйте составить пропорцию, сразу станет понятно;-)





Ярлыки: ,

35 комментариев :

  1. МарусечкаЯ20 октября 2012 г. в 02:40

    вот загрузила на ночь))))

    ОтветитьУдалить
  2. Анна Кабась20 октября 2012 г. в 02:44


    я чаще выбираю вариант крупный)

    ОтветитьУдалить
    Ответы
    1. Елена20 октября 2012 г. в 02:47

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

      Удалить
  3. Танюшка Данько20 октября 2012 г. в 02:51

    можно задавать только один параметр - другой автоматически станет такой, как ты описала - пропорциональный. Я так постоянно делаю - когда на панельку размещаю что-то, только ширину указываю...

    ОтветитьУдалить
    Ответы
    1. Танюшка Данько20 октября 2012 г. в 02:53

      блин, написала без вопросов))) это был вопрос вообще-то!
      обязательно оба параметра задавать???

      Удалить
    2. Елена20 октября 2012 г. в 18:06

      Не, так нельзя, надо править всё)

      Удалить
    3. Shushuda31 марта 2013 г. в 16:24

      Можно.
      Можно указать значение только одного параметра, такое как нам необходимо, а второй параметр из кода удалить вообще. Тогда изображение будет строиться по указанному параметру, а второй подгоняться автоматически исходя из пропорций изображения.

      Удалить
  4. Elena Kuznetsova20 октября 2012 г. в 02:53

    Лена, крутая фотка! Ну просто очень нравится!
    Спасибо за еще один полезный урок.

    ОтветитьУдалить
  5. elyago20 октября 2012 г. в 05:02

    Лена, спасибо тебе за твои посты ликбезы!!!

    ОтветитьУдалить
  6. Олеся 20 октября 2012 г. в 08:32

    Спасибо, Лен. .. И сил нет уже тыкать в клавиши. Сегодня день рождения мужа отмечали, неа, не пили, просто очень устала- пироги-торты-салатики... Пошла я спать... "... Вот уж и тают призраки ночи... Скоро заря..."

    ОтветитьУдалить
    Ответы
    1. Елена20 октября 2012 г. в 18:08

      Вот ты герой!! Поздравляю именинника и его супер-жену!!!!

      Удалить
  7. Lenka-Еленка20 октября 2012 г. в 11:11

    Лена, у меня к тебе вопросик, как сделать так чтобы фотография поста отображалась рядом с заголовком в "в моем списке блогов"(лента событий с других блогов) не знаю понятно ли написала
    Что для этого надо, одно для себя уяснила, что надо чтобы фото было загружено в пикасо и в блоге стоял не большой размер, но у меня почему-то все равно не всегда так отображается, а у тебя смотрю всегда

    ОтветитьУдалить
    Ответы
    1. Елена20 октября 2012 г. в 18:11

      Я поняла, Лена. Я сама с этим сталкивалась, у меня картинки тоже также через раз вставлялись. Теперь я делаю так - все фотки загружая в пикасу, а первую фотографию заливаю в пост с компа (она всеравно сохраняется потом в пикасо, только в другом фотоальбоме - в общем альбоме блога). Почему-то когда именно так вставляешь первую заглавную картинку, блогспот почти всегда размещает анонсы постов на боковой панельки с ней, а когда просто берешь ее из альбома - он может ее и не отразить.

      Удалить
    2. Lenka-Еленка22 октября 2012 г. в 06:36

      Спасибо, только это тоже не 100%
      Загадка.

      Удалить
    3. Елена22 октября 2012 г. в 10:39

      Лена, еще заметила. что первую фотографию лучше вставлять сразу, как сообщение создаешь, чтобы первое автосохранение с фотографией уже было. Теперь я всегда так делаю и гугл привык))) всегда показывает. Блогспот, наверное, любит постоянство))

      Удалить
  8. Unknown20 октября 2012 г. в 11:16

    Лена, спасибо за уроки по блоговедению, очень полезно))) очень нужно))

    ОтветитьУдалить
  9. Ирина Дягилева20 октября 2012 г. в 13:12

    запутала))))

    ОтветитьУдалить
  10. Aleks20 октября 2012 г. в 13:23

    Спасибо

    ОтветитьУдалить
  11. shoo_home20 октября 2012 г. в 14:13

    Спасибо, Леночка.

    ОтветитьУдалить
  12. Светлана Светлячок21 октября 2012 г. в 01:07

    Лена, спасибо за уроки! Очень необходимая иформация!

    ОтветитьУдалить
  13. Unknown21 октября 2012 г. в 11:57

    Лена, спасибо!Очень полезно!

    ОтветитьУдалить
  14. Елена21 октября 2012 г. в 21:55

    )) рада, что полезно!!

    ОтветитьУдалить
  15. Unknown4 июня 2013 г. в 21:48

    Этот комментарий был удален автором.

    ОтветитьУдалить
  16. Unknown28 июля 2013 г. в 21:01

    Ура! И воцарилась в моей фотогалерее красота!!! :))) Хоть это получилось сделать :) Спасибо Вам ОГРОМНОЕ за такие полезные статьи!!!!

    ОтветитьУдалить
  17. regina11 ноября 2013 г. в 20:39

    качество портится

    ОтветитьУдалить
    Ответы
    1. B.Jurij26 июля 2017 г. в 00:03

      Подтверждаю. Если размеры менять ручками, то качество не очень.
      Есть ли способ без потери качества увеличить картинку?

      Удалить
  18. галина19 сентября 2014 г. в 15:40

    Спасибо полезный материал!!!

    ОтветитьУдалить
  19. Touch8 декабря 2014 г. в 17:02

    Спасибо большое! Потихоньку привожу в порядок свой блог)))

    ОтветитьУдалить

Спасибо за Ваш комментарий! ❤️

Подписаться на: Комментарии к сообщению ( Atom )