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. Ответы
    1. я тоже, когда просто изображения размещаю. а когда несколько рядом, ручками правлю)

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

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

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

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

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

    ОтветитьУдалить
  4. Лена, спасибо тебе за твои посты ликбезы!!!

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

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

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

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

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

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

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

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

    ОтветитьУдалить
  9. Лена, спасибо!Очень полезно!

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

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

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

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

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

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