Картинка для блогу
Отже, друзі, вчора я трохи відволікся від теми і замість того, що б розповісти, як шукати і готувати картинку для блогу. розповів вам для чого взагалі я пишу подібні докладні пости і що таке проект ДИАС (детально про це можете почитати в моїй статті «ДІАС - це хто?»).
Сьогодні я обіцяю йти за наміченим планом і не попрощатися від нього ні на крок.
Отже, ми вміємо писати оптимізований текст. Більш того, ми вміємо правильно вставляти його на блог. Залишилося додати те, що «зачепить» увагу користувача. Що це? Правильно, картинка. Ось про те, де їх брати і як готувати до додавання до статті ми сьогодні і поговоримо.
Де шукати картинки
Найпростіший і перевірений спосіб - це, звичайно ж, пошукові системи.
Давайте візьмемо вигаданий текст і додамо до нього картинку.
Якщо ви не знаєте, де брати такий текст - скористайтеся сервісом «Lorem Ipsum». Від вас вимагається лише вказати кількість абзаців (можна символів або байтів) і сервіс згенерує вам унікальний текст.
У нашому прикладі я вказую 5 абзаців і натискаю кнопку «Generate Lorem Ipsum»
Сервіс нам видав текст з яким ми і будемо працювати.
Крім того, є спеціальні сховища картинок (як платні, так і безкоштовні). Ось приклад декількох:
Далі потрібно визначитися, для чого вам потрібна картинка. Якщо це найперша картинка, яка буде йти на початку статті (т.зв. прев'юшки - від англ. PreView), то її розмір зазвичай або 128 × 128, або 150 × 150 (я використовую перший варіант).
Якщо вам потрібна картинка в текст - то її розмір повинен відповідати ширині блоку для тексту на вашому блозі (в моєму випадку - 550 пікселів).
Якщо ж розмір картинки повинен бути більше, то вам потрібно зберегти її до потрібних розмірів, а при додаванні в текст - примусово вказати менший розмір. При встановленому плагіні, наприклад, wp-lighbox2 така картинка буде «розчинятися» до збережених розмірів при кліці на неї (більш докладно я це розповідав в статті «Як додати картинку на блог»)
Знаючи розмір картинки, шукаємо підходящу нам із запропонованого пошуковою системою списку.
Вибравши картинку, нам потрібно якимось чином зберегти її собі на комп'ютер.
Можна піти 2-мя шляхами:
- зберегти прямо з екрану (зробити «захоплення картнікі»)
- зберегти на комп'ютер і потім обробити
Перший варіант я використовую для створення «превьюшек» і використовую для цих цілей програму FSCapture.
Другим способом я користуюся, коли мені потрібно зберегти картинку великого розміру (розмір я відразу дивлюся при пошуку картинок). Для цих цілей я використовую програму Adobe PhtoShop.
Створення «прев'ю» за допомогою програми FSCapture
Запускаємо програму FSCapture і починаємо шукати картинку, як розглянуто вище. Підібравши підходящу - натискаємо комбінацію клавіш «Ctrl + PrintScreen». Потім, утримуючи ліву кнопку миші, малюємо рамку навколо нас цікавить картинки (вказуємо область захоплення) і відпускаємо кнопку.
Після цього захоплена область відобразиться в програмі FSCapture. Якщо мене влаштовує вид картинки, я надаю їй «піднятий край»:
Потім я задаю потрібний розмір:
Остання дія - це збереження картинки. Для цього кликаю по кнопці «Зберегти як» і вибираю відповідний формат.
В результаті у вас повинно вийти наступне:
Через те, що розмір такої картинки невеликий - то і займане нею місце теж невелика (3-5 кб)
Підготовка великий картинки за допомогою AdobePhotoshop
Тепер давайте розглянемо, як чинити, якщо нам потрібна велика картинка (550 пікселів по ширині і більше).
Для цього потрібно вибрати відповідну картинку і зберегти на свій комрьютер. Якщо ви шукаєте через пошукову систему - тоді клікаєте по потрібної картинці, що б вона відкрилася в повний розмір і тільки після цього зберігаєте її, клікаючи правою кнопкою мишей і вибираючи зі списку «Зберегти картинку як».
Коли картинка вже збережена на комп'ютері - запускаємо програму Adobe Photoshop і відкриваємо в ньому цю картинку (Ctrl + O або «File» - «Open»).
Я не буду заглиблюватися в нюанси даної програми - їх не охопити в одній статті, а лише покажу, що я роблю особисто я, використовуючи всього кілька дій.
Перше - це потрібно змінити розмір (хоча часто можна і не змінювати). Для цього йдемо в меню програми: "Image" - "Image Size".
У вікні, в верхніх полях вказуємо потрібний вам розмір. Якщо хочете зберегти пропорційність - поставте галочку біля «Constrain Proportions»:
Не забудьте, що б одиницею виміру у вас стояли пікселі (pixels).
Крім того, оскільки ви будете публікувати картинку для відображення на екрані монітора - дозвіл DPI ( «Resolution») встановіть 72 - цього досить (pixel / inch - пікселів на дюйм).
Тепер переходимо до збереження нашого файлу.
Для цього йдемо в меню: «File» - «Save for Web» (або Ctrl + Alt + Shift + S). У вікні вибираємо потрібний нам формат майбутньої картинки (gif або jpeg), її якість або кількість кольорів (для формату gif) і зберігаємо:
Для jpeg допомагає зменшити розмір невелике розмиття ( «Blur») в межах 1-2 значень.
І не забудьте вибрати «2-Up» що б відразу бачити і вихідну картинку, і те, що вийде (ви будете мати можливість оцінити, як зміниться зовнішній вигляд картинки із заданими параметрами).
Що ж, це все питання, які я хотів би розібрати з вами з приводу того, як шукати і готувати картинку для блогу. Тепер, знаючи цю інформацію, а також «Як розмістити статтю на блозі» і «Як додати картинку на блог» ви можете сміливо займатися копірайтингом з подальшою публікацією ваших шедеврів на блогах.
Остання порада - неправильно вставляти картинку в текст в Ворді і потім всі разом переносити на блог. Спочатку потрібно перенести текст, а потім - вставити картинки (тобто дотримуватися запропонованого алгоритму)
На сьогодні це все.
Шановний Новомосковсктель блогу VashInternetGid.ru!
Дозвольте у Вас дещо запитати:
У вас є хобі? А Ви Б. Хотіли Дізнатися, Як Можна Заробляти На Вашому Хобі?
Відповіді на ці та інші питання є в моїй книзі «Як з хобі зробити Бізнес». яку отримає АБСОЛЮТНО БЕЗКОШТОВНО кожен передплатник мого блогу!
Введіть свої дані та я відразу ж пришлю Вам копію цієї книги:
Дим, а навіщо для найпростіших операцій по обрізці і підгонці обсягу використовувати професійну дорогу програму? Все те ж саме, тільки легше і простіше робиться стандартними функціями редагування, які є в будь-яких «смотрелки». У тому числі і тієї, якою ти сам користуєшся.
Євген, а я ніби й не писав, що обрізати потрібно в Фотошопі. У ньому я тільки зберігаю - у нього це найкраще виходить по співвідношенню обсяг / якість.
Згоден на всі 100%, але легально - це купити. ИМХО.
Взагалі-то є public domain зображення, але їх небагато і якість залишає бажати кращого, так що так, фотобанки по суті єдине рішення
На своєму блозі, картинки з інтернету я беру тільки для прев'юшки. Все решта - це особисто мої.
Спасибо Большое Дмитро - знайшов відповідь на своє питання - де ж взяти картинки)))
Щось так складно. Точно не для блондинок. Я просто копіюю копіюю картинки, якщо сильно треба. Зовсім неправильно?
Ну чому ж, правильно. Але такі картинки не з'являться в індексі пошукової системи. Тому вам вирішувати, як правильно чинити.
А як правильно написати назву картинки при збереженні? Або це не важливо?
Уляна, я зазвичай використовую ключовий запит латинськими літерами без пробілу. Якщо картинок кілька, то додаю цифри.