Как оформлять фотографии для своего сайта в программе FastStone Image Viewer
Где найти иллюстрации для статей сайта, и как оформить фотографии, чтобы выглядело красиво, если снимок или картинка не очень удачены или хочется как-то изменить, — с такой проблемой сталкивается, пожалуй, каждый блоггер.
Для оформления фото я пользуюсь удобной программой FastStone Image Viewer, которая имеет еще много полезных функций.
Содержание страницы:
Как оформлять фотографий для сайта
О том, как оформлять фотографии чуть ниже, а пока позволю себе не большое отступление.
Существует немало программ для этого, и основная — фотошоп, но не все умеют им пользоваться. Нужно ли владеть блоггеру фотошопом — большой вопрос. Конечно, можно уметь все. Делать все самому. Знать html, собирать сайты «на коленке», уметь писать отличные тексты, работать с графическими редакторами, разбираться в оптимизации и продвижении и прочее.
Прекрасно, если вы владеете всеми навыками. А что делать сейчас, пока знания почти на нуле? Не тратить время и пользоваться доступными и простыми инструментами. А нужные умения придут вместе с опытом.
Что нужно помнить при работе с фотографиями, если вы размещаете их в блоге:
- Они не должны много весить, чтобы не перегружать пространство хостинга (если, конечно, у вас не сайт фотографа или портфолио). Поэтому перед публикацией обязательно уменьшайте вес фотографий.
- Не стоит нарушать авторские права. Нужно использовать либо свои снимки (что, если не лениться, не сложно), либо фото из свободного доступа на фотостоках. В своих блогах я использую чужие фотографии исключительно редко — стараюсь обходиться своими.
- Из любой фотографии, даже самой неказистой, можно сделать что-то необычное и привлекающее взор. Иногда, когда фотография, казалось бы, совсем не подходит к теме статьи, я вношу в нее небольшое изменение: например, делаю надпись в редакторе Paint или FastStone Image Viewer так, чтобы приблизить образ к смыслу.
- Когда сохраняете фотографию, используйте латинские буквы и нижнее подчеркивание — возьмите себе это за правило при работе с изображениями при публикации их в блоге.
Итак, уменьшаем вес фото, используем все свое и потихоньку изучаем возможности графических редакторов
Как оформить фото в программе FastStone Image Viewer
Программа эта бесплатна, гораздо удобнее и функциональней графических редакторов, которые встроены в Windows по умолчанию. Скачать ее можно с официального сайта www.faststone.org. Первая в списке.
После установки запустите программу. Слева выбираете нужную папку, находите фотографию, которую хотите отредактировать, и двойным щелчок мышки по ней открываете. Фото готово для редактирования. Здесь вы можете обрезать ее, сжать, наложить эффект, откорректировать цветовую гамму, поставить свой водяной знак и многое другое. В этой статье мы научимся оформлять фотографию в рамку. Причем, в оригинальную, необычную рамку:
Как оформить фотографии в красивую рамку в FastStone Image Viewer
Как оформить фотографии в рамку
Итак, запускаем программу.
Находим нужную фотографию и открываем ее в FastStone Image Viewer.
Появляется окно интерфейса. Боковые панели в нем скрыты. Чтобы увидеть их, наведите курсор на края экрана — с каждого края есть скрытое окно. Для нашей цели наводим курсор на левую часть — появляется скрытая боковая панель:
Как видите, здесь много полезных функций. Чтобы облечь фотографию в рамку, идем в раздел «Эффекты» — «Рамка» — там три основных рамки и внутренняя, цвет можно задать любой. Это обычные прямые рамки.
Чтобы сделать фигурные, как у меня, идем в «Эффекты» — «Трафареты» (на скриншоте выделено красным прямоугольником). Пользуясь ползунком, выбираем подходящий трафарет — да, их тут не много, но достаточно для начала. В конце нажимаем на ОК.
Затем курсором снова активируем левую панель, «Сохранить как», указываем путь, даем файлу название — желательно НА ЛАТИНИЦЕ! и сохраняем.
Изучите внимательно левую и нижнюю панель — там много интересных инструментов. Можно превратить фото в картину масло (Эффекты — Картина маслом), изменить цвет (бывает необходимо при работе с баннерами), наложить разные эффекты (рельеф, рисунок под карандаш, линза и т. д.). В этой же программе можно добавить надпись, стрелки, фигуры на фото или скриншот. Поэкспериментируйте — что больше всего понравится вам и придется впору вашему сайту.
А если у вас еще нет своего блога, то пора его создать!
Если Вас интересует, как еще можно сделать картинку или фото оригинальным читайте здесь.
При необходимости я пользовалась фотошопом. Но эта программка меня тоже заинтересовала. Спасибо. Обязательно скачаю.
Ну это как из пушки по мухе… Да и это бесплатная, а фотошоп платный. Пока фотошоп будет только библиотеки подключать с помощью этой простой проги можно уже картинку состряпать 🙂
Да, её простота главное преимущество. Фотошоп надо хоть немного поизучать, тогда как в этой проге все интуитивно понятно.
Я работаю в программе Fast Stone Capture, и иногда редактирую картинки в ее редакторе. Программа, хоть и маленькая, но мощная, иногда в ней лучше редактировать, при определенных задачах, чем даже в фотошопе. Ваша программа наверно такая же, судя по статье. Статья очень интересная, спасибо!
Они из одного семейства, но задачи у них разные. Совершенно согласна на счет Fast Stone Capture — без нее просто никуда, когда с блогом работаешь. В ней столько функций, что пока не решила, с какой начать, чтобы написать)
Случайно зашла на ваш сайт и «застряла»)) Очень интересно про обработку фотографий пишите, обязательно воспользуюсь советами.
В основном фотографии, чаще всего ворованные, просто втыкают в статьи. Мне кажется, не сложно выделить пару часов, погулять по городу и набрать свой фотоматериал. А оформление придаст еще большей уникальности — эстетической..
я обычно фотошопом или через профессионалов
Можно и фотошопом, но он не для всех доступен. А в этих программках Paint или FastStone Image Viewer может любой. Дешево и сердито 🙂
Кстати у кота на первой фото глаз, как поцарапанный 🙁 мое мнение, не совсем удачный блик.
Алексей, ну не все же профессиональные фотографы 🙂 тем более в программе FastStone Image Viewer блики не регулируются.
Занималась своим сайтом как хобби, теперь пришло время заниматься серьезно и Ваша статья мне очень помогла! Благодарю!
Александр, я к Вам с благодарностью, за то, что посещаете нас с УвЛеКаШеЙ и помогаете советами! Уже месяц как я знаю Вас и Ваш проект) и рада этому, потому что могу получить много нужной информации от Вас, которую Вы даете просто и качественно для восприятия! Думаю не я одна благодарна Вам )! Теперь мой вопрос, у меня в некоторых статьях много фотографий из яндекс-картинки, так уж получилось, что именно там нашла, когда начинала проект, что было нужно, мне лучше поменять их все или как-то уникализировать с помощью программ?
Оксана, я рад, что у меня иногда получается быть полезным вам. Картинки лучше всего сразу вставлять уникальные, чтобы потом не переделывать. У меня есть пара статей, как сделать их уникальными.
Как я делаю:
Пишу сначала ключевую фразу в translate.google.com, чтобы получить точный английский перевод(вы наверняка сами можете)), потом забивая получившуюся английскую фразу в гугл картинки _google.ru/imghp?hl=ru&tab=wi&authuser=0&ei=zaqWVNyYMsrYavajgbAK&ved=0CAQQqi4oAg
У нас в яндексе и гугл.ру уже все картинки перевернутые, а там (заграницей) легче найти не перевернутые. Копирую сразу несколько, переворачиваю и проверяю на уникальность в tineye.com и программе етхт.
А сейчас вы можете заменить картинки на самых посещаемых, которые есть в выдаче статьях, это их поднимет выше. Точно говорю. Любые изменения поисковики воспринимают как улучшения, а если появляются уникальные картинки, то это воощее!)))
Спасибо, Александр, большое! Буду следовать Вашим рекомендациям, почитаю статьи и начну все исправлять )!
Может не стоит уже исправлять? Не рентабельно 😉
Добрый день,уважаемый Александр!
Может быть Вы подскажете как решить проблему с картинкой на моём сайте?
Описание проблемы: как удалить рамку картинки на сайте? Посмотрела в интернете несколько уроков по её удалению. Объясняют понятно: Зайти в редактор, таблица стилей (style.css).Найти border 1px solid…… 1 заменить на 0…..Но у меня ничего не выходит.Бьюсь третий день…
Здравствуйте, Татьяна.
Не пойму, что у вас не выходит. Вы в редакторе нашли файл «style.css» ?? Он в самом низу. Там легко найти слово border и поставить возле него 0 вместо единицы.
Меня бы на вашем месте больше беспокоили открытые внешние ссылки, которые на каждой странице вашего сайта в количестве 3 штук. Вот это по настоящему ужасно, а не рамка.
Уважаемый Александр! Вы мне очень помогли! Внешние ссылки удалила! Стало легче жить! Благодаря Вам. Вы как интернетный врач!
Всегда рад помочь.
Здравствуйте, Александр!
Скажите, пожалуйста, насколько вредны для сайта внешние ссылки, о которых Вы упомянули выше?
Здравствуйте, Мармарис.
Про то, что каждая ссылка передает вес вы знаете надеюсь? Так вот, даже внутренние ссылки на свои страницы передают прилично веса, а внешние открытые передают огромный вес. Но не это самое страшное, хотя даже это значительно опускает позиции каждой страницы, а то, что Яндекс может воспринять открытые ссылки, как ссылочный спамм, то есть манипулирование поисковыми роботами (типа вы продажей занимаетесь). В вашем случае это навряд ли случиться, но то, что убрав ссылку из подвала «CAPTATUM», ваши позиции поднимутся — это точно. Не сразу, через 2-3 месяца, после нескольких апдейтов, но точно лучше станут.
Какой размер фотографий был бы оптимален для сайта?
Чтобы нормально загружались на мобильных устройствах желательно до 50 кб.
Я тоже перед тем как ставить картинку на сайт преобразую ее в программе FASTSTONE IMAGE VIEWER очень она мне нравится легко и удобно работать с ней.
К сожалению, не на всех блогах можно ставить только свои фотографии и картинки. У меня, например, блог о похудении и правильном питании. Как делать по этой тематике свои фото? Разве что брать из свободного доступа на фотостоках, но о таком я читаю впервые…
Очень полезная статья! Спасибо огромное!
Здравствуйте, А размер фото и не чем-то это одинаковые понятия?
Здравствуйте, Светлана. Не понятна ваша фраза: «размер фото и не чем-то»
Александр, согласен, лучше все, что касается блога, уметь самому. Ну или учиться постепенно. На мой взгляд, удобнее при работе с картинками и фото использовать одну универсальную программу, чем несколько разных. Я на фотошопе остановился, ковырял его потихоньку, разбирался «методом тыка», сейчас большинство простых операций уже на автомате делаю, не задумываясь. Хочу какой-нибудь полноценный курс по этой программе пройти, но все никак…