Диетический форум Diet&Diary
https://dietadiary.com/forum/

Поиск и вставка картинок в блог или собщение. Уменьшение.
https://dietadiary.com/forum/viewtopic.php?f=70&t=323
Страница 1 из 1

Автор:  Шакти [ 11 янв 2011, 01:50 ]
Заголовок сообщения:  Поиск и вставка картинок в блог или собщение. Уменьшение.

Ни для никого не секрет, что содержимое текста лучше воспринимается с иллюстрациями.
В данной теме мне хотелось бы рассказать о поиске картинок в интернете и оформлении с помощью их своих записей.
А также о том как уменьшать картинки с помощью простейших графических редакторов.
Загрузка картинок на фото хостинги.
Урок 1. Ищем подходящую картинку
Урок 2. Как достать ссылку на изображение.
Урок 3. Как вставить картинку в собщение на форуме
Урок 4. Уменьшение картинки
Урок 5. Заливка изображения на бесплатное хранилище картинок

Автор:  Шакти [ 11 янв 2011, 01:51 ]
Заголовок сообщения:  Урок 1. Ищем подходящую картинку

Для поиска картинок предлагаю воспользоваться поисковиками google.ru или yandex.ru
Я предпочитаю пользоваться google он у меня всегда под рукой и просто для меня привычнее, вы можете использовать другой поисковик, это без разницы, везде принцип работы один.

Итак вы хотите рассказать про баклажан или его свойства или блюдо с ним.
Вводите в поисковик слово баклажан

Изображение


Для того что бы увидеть перечень картинок нажмите на ссылки на показано на рисунке

Изображение


Вы попали в раздел с поиском по картинкам. Справа вы можете видеть различные опции поиска, например вы можете задать точный размер картинки и тем самым найти картинки только с указанными размерами, или же выбрать одну из трёх опций Маленькие Средние Большие или попробовать Цвет Лица и другие опции поиска - не бойтесь экспериментировать.
Изображение


Допустим вы выбрали поиск по большим картинкам и вот что у нас получилось

Изображение


Выберите интерсную для вас картинку/фото, пользуясь по мере необходимости полосой прокрутки

Автор:  Шакти [ 11 янв 2011, 02:31 ]
Заголовок сообщения:  Урок 2. Как достать ссылку на изображение.

Например вы выбрали эту картинку, наведите на неё мышкой

Изображение


Теперь правой кнопкой мыши нажмите на ней вызвав контекстное меню. Выберете Открыть в новой вкладке

Изображение


Перейдите в эту новую вкладку

Изображение


Вот что мы видим. Здесь снова нажмите правой кнопкой мыши на картинке вызвав контекстное меню на этот раз выбрав Открыть изображение

Изображение


Мы видим что открылось одно изображение в том размере в котором оно находится на сервере того сайта к которому мы обращаемся. Нажмите теперь на этом изображении правой кнопкой мыши вызвав контекстное меню где выберете Копировать ссылку на изображение

Изображение


Теперь в буфере обмена у нас находится ссылка на картинку которую мы выбрали в интернете.

Код:
https://i.sunhome.ru/foto/87/baklazhan--original.jpg


Её можно вставить в любое наше сообщение.

Автор:  Шакти [ 11 янв 2011, 02:43 ]
Заголовок сообщения:  Урок 3. Как вставить картинку в собщение на форуме

Перейдите на форуме в Стандартное собщение

Вставьте из буфера обмена ссылку на изображение.

Изображение


Затем нажмите кнопку в редакторе собщений Img Должна получится вот такая вот запись

Код:
[img]https://i.sunhome.ru/foto/87/baklazhan--original.jpg[/img]


Теперь нажимаем Отправить И наблюдаем нашу картинку.

При желании её можно выровнять по центру слева или справа для этого используйте соотвествующие кнопки в Стандартной форме редактора

Изображение


Не бойтесь экспериментировать с кнопками в редакторе. Так вы быстрее освоите возможности интернет общения.

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

Автор:  Шакти [ 28 янв 2011, 04:30 ]
Заголовок сообщения:  Урок 4. Уменьшение картинки

Сохраните выбранное вами изображение например на рабочий стол

Изображение

Изображение

Теперь откройте программу Paint.net

Изображение

Через эту программу найдите и откройте своё сохранённое изображение. Допустим вы его сохранили на рабочем столе.

Изображение

Изображение

Оно у вас открыто. Теперь будем изменять размер.
Идём в Image >> Resize

Изображение

Изменяем размер

Изображение

И жмём ок

Для блогов и сайтов удобнее всего смотреть картинки не более чем 640 в ширину и высоту.
У нас на картинке получилось 500 в ширину и 887 в высоту.

Теперь нам надо сохранить изменённое изображение

Изображение

Автор:  Шакти [ 29 янв 2011, 00:47 ]
Заголовок сообщения:  Урок 5. Заливка изображения на бесплатное хранилище картинок

После того как мы изменили изображение теперь необходимо его залить на бесплатный ресурс хранения фото.

Для этого выберем например хранилище картинок на Pix.Am

Изображение

Жмём на большую жёлтую кнопку Upload a file Появляется проводник, ищем свою картинку, находим, выбираем её и жмём Открыть

Изображение

Теперь пошёл процесс загрузки нашей картинки. Подождём немного. Затем жмём Continue

Изображение

Далее появляется следующее

Изображение

Выделяем и сохраняем код картинки

Изображение

Обратите внимание Original это картинка в вашем оригинальном масштабе, код где написано Large это картинка среднего размера , а Small это код картинки маленького размера.
Картинка одна и та же! Просто этот сервис может показывать вашу картинку в оригинальном размере, в среднем размере и в малюсеньком размере.
Весьма удобно.

После того как вы выделили код картинки, нм надо вставить его в сообщение на форуме.
для этого открываем Стандартный ответ вставляем наш код ссылкой изображения и помещаем его между тегами Img

Это будет выглядеть так:

Код:
[img]https://pix.am/CEyhl.jpg[/img]


Подробнее читай выше

Теперь если вы нажмёте отправить, то увидите что в вашем собщении появилась требуемая кратинка.
желаю удачи!


Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
https://www.phpbb.com/