furi86
02.06.2009, 13:49
Очень часто встречаю вопросы о том, как загружать изображения на форум и вот решила создать небольшой гайдик по этому поводу .
1-ый способ
При ответе на тему (когда нажимаете на кнопку ответить, а не пользуйтесь быстрой формой для ответа) внизу можно воспользоваться кнопочкой "Управление вложениями " (кушает НЕ ВСЕ форматы) и загрузить изображение либо с компьютера, либо с интернета, указав путь до изображения.
Вы увидите, что загрузили изображение. если оно у вас появится над кнопочкой "Управление вложениями "
http://s58.radikal.ru/i160/0906/7e/613eec305b0c.jpg (http://www.radikal.ru)
При таком методе загрузки ваши изображения будут отображаться в вашем сообщение в миниатюре (см. пример в самом низу этого гайда - сообщения)
2-ый способ
Так же можно пользоваться сторонними ресурсами хранения картинок, их много, но расскажу я об одном - Радикале http://www.radikal.ru/ , по моему ИМХО он наиболее простой и подходит даже для чайников. Им можно пользоваться как и зарегистрированным, так и незарегестрированным пользователям (конечно если вы зарегистрированны, то вам предоставляется свой "контейнер" в 10МБ, где вы будете хранить свои изображения )
На страничке загрузки изображения
сверху можно выбрать вкладочку, как вы будете загружать из интернета или с компьютера, меняется только метод загрузки, все остальные менюшки одинаковы для обоих видом.
Собственно вот, что какая галка обозначает:
* Уменьшить до [ ] пикселей , здесь можно поставить галку и написать до сскальки пикселей можно уменьшить изображение, и оно автоматом уменьшится при загрузке
* Оптимизировать формат - от сюда я всегда убираю галку, т.к. в результате радикаловской оптимизации (а оптимизирует он по мойму в jpeg формат) теряется качество изображения
* Безусловная оптимизация - можно задать параметры оптимизации перехода в jpeg формат
* Повернуть на - при загрузке изображения на ресур повернёт его на желаемый угол
* Надпись на фото - при загрузке изображения на ресурс надпишет на изображение желаемую надпись
Пример (поворот картинки на 90 градусов по час. и надпись на нём "Furi ^____^"):
http://s51.radikal.ru/i131/0906/72/685240c794b0t.jpg (http://radikal.ru/F/s51.radikal.ru/i131/0906/72/685240c794b0.jpg.html)
* Разместить в галерее - можно загрузить не к себе в папку, а разместить в галереях, которые находятся на Радикале
Параметр "Качество jpeg" следует изменять только в особых случаях. Например, для аватара можно указать значение 100, чтобы предельно улучшить качество маленькой картинки (если нет жесткого ограничения на размер файла аватара). При оптимизации очень высококачественной картинки или картинки с надписями можно использовать значение 90. Если нужно предельно "облегчить" картинку, используйте значение 65. Не ставьте значения близким к 100 для больших картинок, это откровенная глупость.
*Создавать превью - здесь можно указать размер превьюшки вашей картинки (превью - эта та мелкая картиночка, при нажатии на которую вы увидите картинку в свой натуральный размер - см. пример вышее)
*Надпись на превью - эта надпись, которая будет на вашей превьюшке , по умолчанию она "Увеличить" (см. пример выше)
*Поместить в альбом - здесь вы можете выбрать в какой из ваших альбомов (если у вас их больше одного) будет загружена картинка
*Комментарий - комментарии к картинке .
После загрузки картинки перед нами возникают коды к ней и методы её вывода:
Коды | Переход с превью | Полноразмерное изображение
в этой строчке можно выбрать какие коды вам показывать, при клики на превью, куда вас будет направлять
Здесь все ссылки на изображение :
1. Ссылка
2. Картинка в тексте
3. Превью - увеличение по клику
6. HTML: картинка в тексте
7. HTML: превью - увеличение по клику
8. BBCode, строчные буквы: картинка в тексте
9. BBCode, строчные буквы: превью - увеличение по клику
10. Картинка на странице просмотра полноразмерного изображения
1 и 10 - это путь до картинки
2-9 - это готовые BBкоды которые можно просто скопировать и вставить в сообщение и ваше изображение автоматом в нём отобразится , вот примеры ихнего действия:
2. Картинка в тексте
http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg (http://www.radikal.ru)
3. Превью - увеличение по клику (для форумов это наиболее подходящий метод отображения картинок)
http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg (http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html)
6. HTML: картинка в тексте (тоже что и №2, только в др кодах)
<a target="_blank" href="http://www.radikal.ru"><img src="http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg" ></a>
7. HTML: превью - увеличение по клику (то же что и №3 только в др кодах)
<a target="_blank" href="http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html"><img src="http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg" ></a>
8. BBCode, строчные буквы: картинка в тексте
http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg (http://www.radikal.ru)
9. BBCode, строчные буквы: превью - увеличение по клику
http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg (http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html)
1. Ссылка http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg
10. Картинка на странице просмотра полноразмерного изображения
http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html
Если у вас всё ещё остались вопросы, то вот небольшой FAQ по радикалу (в самом низу страницы)
http://www.radikal.ru/faq.aspx
Любое изображение можно разместить на форуме, зная его адрес (типа http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg ) , этот адрес нужно разместить между тегами
Это важно!!!: Из уважения к другим пользователям , у которых может быть не столь быстрый интернет или лимитированный трафик, загружайте на форум изображения в миниатюре или в превьюхах !
Надеюсь этот гайдик окажется полезным и что бы увеличить его полезность добавлю табличку ББкодов, которыми можно пользоваться на форуме:
[/ b] - [b]Жирный текст
[ i][/ i] - Наклонный текст
[ s][/ s] - Зачеркнутый текст
[ u][/ u] - Подчеркнутый текст
[si ze=10][/si ze] Размер шрифта (цифра - размер шривта)
[co lor=red][/co lor] Цвет шрифта (red, blue, green и т.д.)
В кодах намеренно сделаны пропуски, что бы они отображались и вы их смогли увидеть .
1-ый способ
При ответе на тему (когда нажимаете на кнопку ответить, а не пользуйтесь быстрой формой для ответа) внизу можно воспользоваться кнопочкой "Управление вложениями " (кушает НЕ ВСЕ форматы) и загрузить изображение либо с компьютера, либо с интернета, указав путь до изображения.
Вы увидите, что загрузили изображение. если оно у вас появится над кнопочкой "Управление вложениями "
http://s58.radikal.ru/i160/0906/7e/613eec305b0c.jpg (http://www.radikal.ru)
При таком методе загрузки ваши изображения будут отображаться в вашем сообщение в миниатюре (см. пример в самом низу этого гайда - сообщения)
2-ый способ
Так же можно пользоваться сторонними ресурсами хранения картинок, их много, но расскажу я об одном - Радикале http://www.radikal.ru/ , по моему ИМХО он наиболее простой и подходит даже для чайников. Им можно пользоваться как и зарегистрированным, так и незарегестрированным пользователям (конечно если вы зарегистрированны, то вам предоставляется свой "контейнер" в 10МБ, где вы будете хранить свои изображения )
На страничке загрузки изображения
сверху можно выбрать вкладочку, как вы будете загружать из интернета или с компьютера, меняется только метод загрузки, все остальные менюшки одинаковы для обоих видом.
Собственно вот, что какая галка обозначает:
* Уменьшить до [ ] пикселей , здесь можно поставить галку и написать до сскальки пикселей можно уменьшить изображение, и оно автоматом уменьшится при загрузке
* Оптимизировать формат - от сюда я всегда убираю галку, т.к. в результате радикаловской оптимизации (а оптимизирует он по мойму в jpeg формат) теряется качество изображения
* Безусловная оптимизация - можно задать параметры оптимизации перехода в jpeg формат
* Повернуть на - при загрузке изображения на ресур повернёт его на желаемый угол
* Надпись на фото - при загрузке изображения на ресурс надпишет на изображение желаемую надпись
Пример (поворот картинки на 90 градусов по час. и надпись на нём "Furi ^____^"):
http://s51.radikal.ru/i131/0906/72/685240c794b0t.jpg (http://radikal.ru/F/s51.radikal.ru/i131/0906/72/685240c794b0.jpg.html)
* Разместить в галерее - можно загрузить не к себе в папку, а разместить в галереях, которые находятся на Радикале
Параметр "Качество jpeg" следует изменять только в особых случаях. Например, для аватара можно указать значение 100, чтобы предельно улучшить качество маленькой картинки (если нет жесткого ограничения на размер файла аватара). При оптимизации очень высококачественной картинки или картинки с надписями можно использовать значение 90. Если нужно предельно "облегчить" картинку, используйте значение 65. Не ставьте значения близким к 100 для больших картинок, это откровенная глупость.
*Создавать превью - здесь можно указать размер превьюшки вашей картинки (превью - эта та мелкая картиночка, при нажатии на которую вы увидите картинку в свой натуральный размер - см. пример вышее)
*Надпись на превью - эта надпись, которая будет на вашей превьюшке , по умолчанию она "Увеличить" (см. пример выше)
*Поместить в альбом - здесь вы можете выбрать в какой из ваших альбомов (если у вас их больше одного) будет загружена картинка
*Комментарий - комментарии к картинке .
После загрузки картинки перед нами возникают коды к ней и методы её вывода:
Коды | Переход с превью | Полноразмерное изображение
в этой строчке можно выбрать какие коды вам показывать, при клики на превью, куда вас будет направлять
Здесь все ссылки на изображение :
1. Ссылка
2. Картинка в тексте
3. Превью - увеличение по клику
6. HTML: картинка в тексте
7. HTML: превью - увеличение по клику
8. BBCode, строчные буквы: картинка в тексте
9. BBCode, строчные буквы: превью - увеличение по клику
10. Картинка на странице просмотра полноразмерного изображения
1 и 10 - это путь до картинки
2-9 - это готовые BBкоды которые можно просто скопировать и вставить в сообщение и ваше изображение автоматом в нём отобразится , вот примеры ихнего действия:
2. Картинка в тексте
http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg (http://www.radikal.ru)
3. Превью - увеличение по клику (для форумов это наиболее подходящий метод отображения картинок)
http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg (http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html)
6. HTML: картинка в тексте (тоже что и №2, только в др кодах)
<a target="_blank" href="http://www.radikal.ru"><img src="http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg" ></a>
7. HTML: превью - увеличение по клику (то же что и №3 только в др кодах)
<a target="_blank" href="http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html"><img src="http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg" ></a>
8. BBCode, строчные буквы: картинка в тексте
http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg (http://www.radikal.ru)
9. BBCode, строчные буквы: превью - увеличение по клику
http://i014.radikal.ru/0905/e1/2dc47c4359f1t.jpg (http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html)
1. Ссылка http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg
10. Картинка на странице просмотра полноразмерного изображения
http://radikal.ru/F/i014.radikal.ru/0905/e1/2dc47c4359f1.jpg.html
Если у вас всё ещё остались вопросы, то вот небольшой FAQ по радикалу (в самом низу страницы)
http://www.radikal.ru/faq.aspx
Любое изображение можно разместить на форуме, зная его адрес (типа http://i014.radikal.ru/0905/e1/2dc47c4359f1.jpg ) , этот адрес нужно разместить между тегами
Это важно!!!: Из уважения к другим пользователям , у которых может быть не столь быстрый интернет или лимитированный трафик, загружайте на форум изображения в миниатюре или в превьюхах !
Надеюсь этот гайдик окажется полезным и что бы увеличить его полезность добавлю табличку ББкодов, которыми можно пользоваться на форуме:
[/ b] - [b]Жирный текст
[ i][/ i] - Наклонный текст
[ s][/ s] - Зачеркнутый текст
[ u][/ u] - Подчеркнутый текст
[si ze=10][/si ze] Размер шрифта (цифра - размер шривта)
[co lor=red][/co lor] Цвет шрифта (red, blue, green и т.д.)
В кодах намеренно сделаны пропуски, что бы они отображались и вы их смогли увидеть .