- PicMarkr - онлайн сервіс для накладення на зображення водяного знака (один із способів для захисту...
- Онлайн сервіси для Подоров поєднаних кольорів для вашого сайту
- Онлайн сервіс для оптимізації зображення, зменшення ваги зображень без втрати якості
Привіт, шановні читачі блогу Інтернет помічник. Починаю нову рубрику на сайті - огляди корисних сервісів для вебмайстрів. У цій рубриці я буду розглядати різні онлайн інструменти, які можуть допомогти веб-майстру в роботі над благоустроєм і просуванням свого сайту.
Будь-якій людині, що веде свій блог, в якійсь мірі доводилося мати справу з роботою над зображеннями. Навіть, якщо ви не малювали зображення в фотошоп, то обов'язково редагували його. І шаблон, напевно, коректували, намалювавши кнопку, змінивши розміри і тд. Та й для написання статей ви будете додавати зображення, пояснюючи читачам свої дії, попередньо підредагувавши картинку, змінивши розміри, наклавши водяний знак і ін.
Для вас це не склад праці, якщо ви відмінно володієте навичками роботи в професійних редакторах зображень таких, як фотошоп. Але, якщо ви ніколи до цього не зустрічалися з фотошопом або ще не освоїли його, до вас на допомогу прийдуть онлайн сервіси для роботи над зображеннями, які прості і інтуїтивно зрозумілі. Так само ви можете використовувати різні плагіни-редактори зображень і здійснювати роботу, не виходячи зі свого сайту.
Сьогодні у нас на черзі сервіс для накладання водяного знаку на зображення, сервіс по підбору кольорів, які будуть поєднуватися на вашому сайті і онлайн сервіс для редагування зображень, без погіршення якості.
PicMarkr - онлайн сервіс для накладення на зображення водяного знака (один із способів для захисту зображень від злодійства)
Одним із способів захисту контенту є накладання водяного знаку на зображення. Водяний знак ви можете накласти різними способами і за допомогою того ж фотошопа. Але, якщо багато способів виявляться для вас з якихось причин не підходять або у вас не виявиться під рукою потрібних програм редакторів зображень, то оптимальним рішенням буде скористатися онлайн сервісом, як сервіс PicMarkr. Даний сервіс дозволяє додати водяний знак за раз, на п'ять зображень, а в якості знака можна використовувати, як текст, так і зображення (логотип).
Давайте перейдемо на головну сторінку сервісу. Першим кроком буде - щоб додати зображення. Вам запропоновано кілька способів завантаження зображення на сервіс PicMarkr. За замовчуванням доступний спосіб завантаження з комп'ютера, інші способи припускають додавання зображення з сервісів Flickr, Facebook і Picasa. Отже для мене підходить варіант завантаження зображення комп'ютера, для цього натискаємо кнопку «Огляд» і шукаємо зображення на своєму комп'ютері. Особливістю сервісу є додавання відразу п'яти зображень, з загальною вагою до 25 мегабайт.
При додаванні зображення ви також можете вибрати розмір майбутнього зображення під кнопкою 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», щоб завантажити до себе на комп'ютер. Для оптимізації наступного переходимо назад.
Для любителів фотошопа, теж є урок, для накладення на зображення водяного знака.