Онлайн сервис для добавления водяного знака на изображения, сервисы для уменьшения веса изображений

Здравствуйте, уважаемые читатели блога Интернет помощник. Начинаю новую рубрику на сайте — обзоры полезных сервисов для вебмастеров. В этой рубрике я буду рассматривать различные онлайн инструменты, которые могут помочь вебмастеру в работе над благоустройством и продвижением своего сайта.

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

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

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

PicMarkr — онлайн сервис для наложения на изображения водяного знака ( один из способов для защиты изображений от воровства)

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

Давайте перейдем на главную страницу сервиса. Первым шагом будет — добавление изображения. Вам предложено несколько способов загрузки изображения на сервис PicMarkr. По умолчанию доступен способ загрузки с компьютера, другие способы предполагают добавление изображения с сервисов Flickr, Facebook и Picasa. Итак для меня подходит вариант загрузки изображения компьютера, для этого нажимаем кнопку «Обзор» и ищем изображение на своем компьютере. Особенностью сервиса является добавление сразу пяти изображений, с общим весом до 25 мегабайт.

Загружаем изображений на сервис PicMarkr для добавления водяного знака

При добавлении изображения вы также можете выбрать размер будущего изображения под кнопкой Optional: resize uploaded pictures один из трех вариантов. Если вы этого не укажите, то изображение останется исходного размера. Предлагаются три варианта уменьшения изображений до 500 px ( оптимально для блога), 800 px ( хорошо подходит для форумов) или 1024 px ( для отправки по email).

После этого можно переходить ко второму шагу, нажимаем синюю кнопку «Ok! Go to Step2». В открывшемся окне в левой части появятся различные настройки накладывания водяного знака на ваше изображение и виды водяных знаков, а в правой отобразится картинка со схематичным положением водяного знака.

Если вы выберите вкладку «Text watermark», то откроются настройки с текстовым водяным знаком. В поле «Text to display» вы сможете ввести текст, например название или адрес вашего сайта, а в поле «Presets» вы можете задавать различные варианты цвета водяного знака. В области «Watermark align» вы выбираете положение водяного знака на изображение, после чего все это отобразится на превьюшке.

Настройка вида и положения водяного знака на изображении в сервисе PicMarkr

Если вы выберите «Image watermark», то откроется вкладка, в ней вы выбрали отображение водяного знака в виде логотипа, где вы должны будете выбрать на своем компьютере изображение для водяного знака.

Если же вы хотите наложить несколько водяных знаков на одном изображении, то поставьте галочку возле «Tiled watermark», во вкладке вы можете ввести текст или выбрать на компьютере изображении.

Нажимаем кнопку «Continue». На новой странице вам будет предложено сохранить изображение с водяным знаком, нажав на кнопку «Download images to computer», или же выбрать другой способ, загрузив изображение на сервисы Flickr, Facebook и Picasa, нажав на соответствующую кнопку. Для наложения водяных знаков на новую партию изображения нажмите кнопку «Set watermark to other images» и вы перейдете к первому шагу.

Онлайн сервисы для подора сочетающихся цветов для вашего сайта

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

Правильно использовать на сайте три основных цвета, но если вы не знаете какие это будут у вас, то предлагаю выбрать сервис The Color Wizard, где для подбора сочетающихся цветов для вашего сайта надо выбрать один основной цвет. Если вы выбрали какой цвет будет основным, а какой дополнительным, то для подбора наиболее сочетающихся с ним цветов нужно сделать следующее на сервисе The Color Wizard. В поле «Enter hex code» вставьте код основного цвета, потом нажмите «Complimentary» и выберите способ формирования наиболее сочетающихся цветов. После нажимаем кнопку «SET», которая располагается рядом со строкой кода основного цвета.

Онлайн сервис по подбору сочетающихся цветов для вашего сайта

В результате в области «Suggested colr schemes» отобразятся наиболее сочетающиеся цвета с вашим основным цветом. Над каждым цветом будет написан его код, который вы сможете скопировать и использовать этот цвет на своем сайте.

Даже, если вы не определились с основным цветом, то нажмите кнопку «RANDOMIZE», где будут сгенерированы случайные набору сочетающихся цветов.

Кроме сервиса The Color Wizard есть множество других хороших сервисов. Покапайтесь в рунете и вы найдете. Kuler, Color Scheme Designer тоже вам помогут.

Онлайн сервис для оптимизации изображения, уменьшение веса изображений без потери качества

Уже давно в инструментах для вебмастеров Google используется пункт «Эффективность сайта», где показывается сокрость загрузки вашего сайта и там же показываются советы для увеличения скорости загрузки страниц. И данный фактор является важным не только для поисковых систем, но и для людей.

Одной из причин медленной загрузки сайта является большой размер изображений, когда изображения не оптимизированы под страницы сайта. Приведу пример: задать размер изображения можно с помощью атрибута тега IMG под названием WIDTH и HEIGHT, которые задают ширину и высоту изображений. И вот, прописав данные тэги в html коде сайта, задав всем изображениям маленький вид, у некоторых присутствует мнение, что уменьшив картинку тегами WIDTH и HEIGHT она уменьшится и в весе, хотя каково удивление, когда страницы загружаются медленно. И речи не идет о том, что изображения не были оптимизированы, эти изображения имели огромное разрешение в несколько тысяч пикселей по высосте и ширине, потому что загружая изображения на сайт, сервер не будет их оптимизировать. Поэтому внимательней относитесь к оптимизации изображений.

Поэтому давайте рассмотрим сервисы для оптимизации изображений под ваш сайт и уменьшения их веса.

Сервис imageoptimizer — очень прост, нажимаем кнопку «Обзор» и выбираете изображение, которое необходимо оптимизировать, под словом «Optimization» есть строчки Quality: здесь вы указываете качество будущего изображения ( от качества напрямую зависит вес изображения ), Max width: здесь вы указываете ширину, а в Max height: высоту будущего изображения.

Оптимизация изображений, уменьшение веса изображений

При желании можете скачать программу к себе на компьютер. После этого нажимаем кнопку «Optimize Now!» и получаем изображение, у меня изображение уменьшилось в весе аш в 3 раза. Нажимаем кнопку «Download to you computer», чтобы скачать к себе на компьютер. Для оптимизации следующего переходим обратно.

Оптимизация изображений, уменьшение веса изображений

Для любителей фотошопа, тоже есть урок, для наложения на изображение водного знака.


Похожие записи:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Похожие записи: