Небольшое руководство как вставлять картинки в комментарии - Часть 2
Первую часть можно помотреть здесь:
Небольшое руководство как вставлять картинки в комментарии - Часть 1
Методика довольно простая, набираем вручную вот эти таинственные символы:
‹img src="" / ›
Потом ставим курсор посередине двойных кавычек и вставляем туда скопированный ранее адрес.
Как найти адрес картинки, рассказывается в первой части.
Вот что у нас получится:
‹img src="http://ic.pics.livejournal.com/virginian/432741/402120/402120_original.jpg" / ›
Теперь картинка появится в вашем комментарии или посте вместе с вашим текстом.
Но что делать, если оригинальная картинка очень большая, скажем 3000 x 1500 пикселей.
Вставленная картинка "раздует" ваш пост и вам придется двигать окошко браузера во все стороны,
чтобы посмотреть ее по частям. Получится очень неудобно и вызовет только раздражение посетителей
вашей странички.
Чтобы решить эту проблему мы можем добавить к адресу картинки команду показывать картину с такими размерами, какими нам нужно:
‹img src="http://ic.pics.livejournal.com/virginian/432741/402120/402120_original.jpg" width="1000" height="500"/ ›
Если кто не знает, width - ширина, height - высота.
Размеры конечно можно ставить любые, но они не должны нарушать пропорции картинки.
Указывать height необязательно, достаточно задать width, умный браузер сам пропорционально изменит высоту картинки (и наоборот, можно задать только height).
Естественно, картинки можно не только уменьшать, но и увеличивать относительно первоначальных размеров, но к этому надо подходить с большой осторожностью, увеличение на коэффициент больше чем 1,2 - 1,3 будет приводить к неприятным искажениям.
Но как узнать изначальные размеры картинки?
В FireFox.
Наводим мышку на интересующую нас картинку и щелкаем правой кнопкой.
Появится меню, в котором мы выбираем "View Image Info" и щелкаем левой кнопкой.
Нужные нам размеры находятся в строчке с "Dimensions".
В Internet Explorer:
Наводим мышку на картинку и щелкаем правой кнопой.
В появившемся меню выбираем Properties и щелкаем левой кнопкой.
В Chrome есть опция "Inspect Element", но она неудобная и выудить размеры картинки с ходу не всегда получается.
Решается это установкой дополнительного Extension, "View Image Info (properties)".
Если вы не знаете как это сделать, я расскажу подробнее.
После установки этого полезного дополнения мы наводим мышку на картинку и щелкаем правой кнопкой.
В появившемся меню выбираем View Image Info (properties) и щелкаем левой кнопкой. Появится окошко с размерами картинки.
Небольшое руководство как вставлять картинки в комментарии - Часть 3
Небольшое руководство как вставлять картинки в комментарии - Часть 1
Методика довольно простая, набираем вручную вот эти таинственные символы:
‹img src="" / ›
Потом ставим курсор посередине двойных кавычек и вставляем туда скопированный ранее адрес.
Как найти адрес картинки, рассказывается в первой части.
Вот что у нас получится:
‹img src="http://ic.pics.livejournal.com/virginian/432741/402120/402120_original.jpg" / ›
Теперь картинка появится в вашем комментарии или посте вместе с вашим текстом.
Но что делать, если оригинальная картинка очень большая, скажем 3000 x 1500 пикселей.
Вставленная картинка "раздует" ваш пост и вам придется двигать окошко браузера во все стороны,
чтобы посмотреть ее по частям. Получится очень неудобно и вызовет только раздражение посетителей
вашей странички.
Чтобы решить эту проблему мы можем добавить к адресу картинки команду показывать картину с такими размерами, какими нам нужно:
‹img src="http://ic.pics.livejournal.com/virginian/432741/402120/402120_original.jpg" width="1000" height="500"/ ›
Если кто не знает, width - ширина, height - высота.
Размеры конечно можно ставить любые, но они не должны нарушать пропорции картинки.
Указывать height необязательно, достаточно задать width, умный браузер сам пропорционально изменит высоту картинки (и наоборот, можно задать только height).
Естественно, картинки можно не только уменьшать, но и увеличивать относительно первоначальных размеров, но к этому надо подходить с большой осторожностью, увеличение на коэффициент больше чем 1,2 - 1,3 будет приводить к неприятным искажениям.
Но как узнать изначальные размеры картинки?
В FireFox.
Наводим мышку на интересующую нас картинку и щелкаем правой кнопкой.
Появится меню, в котором мы выбираем "View Image Info" и щелкаем левой кнопкой.
Нужные нам размеры находятся в строчке с "Dimensions".
В Internet Explorer:
Наводим мышку на картинку и щелкаем правой кнопой.
В появившемся меню выбираем Properties и щелкаем левой кнопкой.
В Chrome есть опция "Inspect Element", но она неудобная и выудить размеры картинки с ходу не всегда получается.
Решается это установкой дополнительного Extension, "View Image Info (properties)".
Если вы не знаете как это сделать, я расскажу подробнее.
После установки этого полезного дополнения мы наводим мышку на картинку и щелкаем правой кнопкой.
В появившемся меню выбираем View Image Info (properties) и щелкаем левой кнопкой. Появится окошко с размерами картинки.
Небольшое руководство как вставлять картинки в комментарии - Часть 3