Где найти хорошие и легальные бесплатные картинки

Больше 60 ресурсов с изображениями на все случаи жизни.

Инструкция

Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его — изображение №1.

Инструкция

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

Далее, откроем изображение №1 в фотошопе и выделим нужную область, то есть обведём по контуру белый прямоугольник. Сделать это удобнее при помощи инструмента «Прямолинейное лассо», которое вызывается из панели инструментов слева.

Инструкция

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

Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш «Ctrl+A». Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав «Ctrl» и «C».

Инструкция

Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш «Ctrl+V» в этом случае не сработает. В Photoshop есть для этого функция «Специальная вставка», которая вызывается из пункта «Редактирование» верхнего меню.

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование». Далее в выпавшем списке наведите курсор на строку «Специальная вставка» — появится ещё одно подменю, где щёлкнете по строке «Вставить в». Либо, вместо вызова из меню, нажмите сочетание «горячих» клавиш «Alt+Shift+Ctrl+V».

Инструкция

Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски. Белый прямоугольник миниатюры слоя-маски — это и есть область выделения в картинке №1, которую мы ранее создали.

А окно с картинкой №1 теперь выглядит следующим образом, как на скриншоте ниже.

Инструкция

Встав на Слой 1 и выбрав инструмент «Перемещение», мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

С помощью этого нехитрого способа вы также сможете вставить любое изображение в какую-нибудь красивую рамку, создать коллаж из множества картинок и так далее.

Инструкция

Качество картинки

Просто сделать фотографию самому вашего изделия это еще полдела. Говоря о качестве фотографий, которые вы собираетесь разместить на своем сайте или сервисе, можно сказать одной фразой — они должны быть классными! Когда начнете загружать фотографию на сайт, обратите внимание на то, насколько она четкая и резкая. Изображения — это полноценный контент, поэтому относитесь к ним так же, как к текстам. Будьте в меру придирчивы и никогда не выкладывайте на сайт темные и «шумные» снимки, на которых ничего не видно.

Обратите внимание на размер

Пользователи говорят, что ваш сайт долго грузится? Возможно, в этом виноваты картинки. Вы можете повлиять на ситуацию, проследив за тем, чтобы размер («вес») каждого изображения был небольшой. Это вопрос технический и его следует рассматривать подробнее и ему мы уделим отдельное внимание.

Не забывайте про кадрирование

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

Подходящий формат для фотографии

Изображения для сайта лучше всего сохранять в формате JPEG. Файлы такого типа более компактные, и это уменьшает время загрузки. Что насчет остальных форматов? PNG хорош для тех случаев, когда вы загружаете снимки в высоком разрешении или фотографии с прозрачным фоном. GIF подходит для картинок с ограниченным количеством цветов или большими однотонными областями. Не загружайте свою голову (особенно если вы новичок в этом деле), используйте формат JPEG для своего сайта.

Качество картинки

Оптимизация фотографий для сайта

Сделали фотографию. Одна сплошная красота — это хорошо, но… Фотографии и иллюстрации должны не только украшать сайт, но и приносить пользу, поэтому потратьте немного времени на их оптимизацию, добавив к каждому изображению alt-текст. Говоря простым языком, ваша загружаемая фотография на сайт или любой другой сервис изначально должна иметь название, которое соответствует ключевому слову текста вашей статьи. Более подробно, по каждому пункту отдельно мы еще поговорим.

Понравилась статья!?

Не ленись, поделись с друзьями в соц. сетях!

Анатольевич

Какой размер и вес картинки подходит для сайта?

К картинкам, публикуемым на сайте, существует и ряд технических требований, Важнейшие из них — формат и объём файла, размер и качество изображения.

Читайте также:  Как установить ubuntu server на компьютер

Каждый графический файл имеет размер (ширину и высоту в пикселях) и объём файла (измеряемый в байтах). Для удобства мы будем называть первый параметр «размером», а второй «весом» изображения.

Размер

Стандартная ширина области содержимого веб-страницы составляет до 984 пикселей (зависит от ширины монитора на устройстве того, кто её просматривает), поэтому рекомендуется для публикаций обрезать или уменьшать большие изображения примерно до 600-800 пикселей в ширину.

Размещение слишком объёмных файлов изображений может привести к увеличению скорости загрузки страницы. В этом случае на странице отобразится текст, а вместо изображений будут пустые места, что создаст впечатление некачественного сайта. Также это негативно скажется на быстродействии самой страницы: пока картинки не догрузятся полностью, любые действия (прокрутка страницы, кликабельность кнопок, заполнение полей) будут будут «притормаживать».

Изображения с цифровых камер или библиотек фотографий могут быть очень большими, как по размеру (до 4 000 пикселей в ширину), так и по весу (от 2Мб до 10Мб).

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

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

Как определить размер и вес

Вы ведь сами знаете, как определить размер и вес картинки, правда?

Читайте также:  105 команд для работы с сервером Linux по SSH

Как быстро изменить размер и вес

При отсутствии такой необходимости, легко \изменить размер изображения можно, используя простейшие графические редакторы, например, Paint, который входит в стандартные программы Windows. Откройте файл в этой программе и выберите функцию «Изменить размер». В выпадающем меню и задайте ширину в пикселях. Вес уменьшится автоматически.

На Mac OS то же самое делается через стандартную программу просмотра изображений:

Есть и специальные инструменты для оптимизации изображений перед публикацией их на сайте, например FastStone или PIXresizer для Windows. Обе программы бесплатны.

Но и 200 Кб — это слишком большой вес для картинки на сайте. Его можно уменьшить, сжав изображение в два, и даже в четыре раза, без потери качества. Для этого вы можете использовать конвертеры изображений, например, Irfanview или Imagemagick. Можно, конечно, воспользоваться и фотошопом. После редактирования изображения достаточно сохранить его в качестве, позволяющем публикацию в интернете. Для этого в меню «Файл» нужно выбрать функцию «Сохранить для Web…».

Поисковики бесплатных изображений

Эти сайты не содержат собственных фотобаз, но помогают находить бесплатные снимки на других ресурсах.

  • CC Search. Официальный поисковик организации Creative Commons, которая разрабатывает открытые лицензии для изображений.
  • The Stocks. Сервис ищет бесплатные картинки одновременно на 30 разных фотостоках.
  • Stock Up. Ещё один поисковик, индексирующий три десятка стоков.
  • Image Finder. Этот сервис начинал свой путь как удобный поисковик по Flickr, но позже стал индексировать и другие ресурсы.
  • Everystockphoto. Ещё один вариант для удобного поиска по Flickr и прочим фотостокам.
  • PhotoPin. На этом сайте вы также можете быстро найти бесплатные фотографии с Flickr.
  • «Google Картинки». Старый добрый поиск по картинкам в Google. Если кликнуть «Инструменты» → «Права использования», можно выбрать режим поиска по изображениям, которые разрешено использовать бесплатно.
Читайте также:  Как выбрать смартфон для пожилого человека

Размещение фотографии в документе «Word»

При составлении самопрезентации самостоятельно в текстовом редакторе, возникает вопрос о том, как в резюме вставить фотографию рядом с текстом. Разместить таким образом изображение также не составит большого труда. При работе в «Word» есть два способа загрузки фотографий. Первый предполагает наличие минимальных знаний о возможностях этой программы, второй – максимально прост в применении и не требует дополнительных усилий.

Другой способ того, как вставить фотографию в резюме в ворде, еще более прост. В этом случае алгоритм действий таков:

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

Другие способы

Добавить текст на фотографию на компьютере можно и в других программах. Например, если вы работаете на Windows, делать надписи позволит базовый редактор Paint. В нём можно наложить надпись на снимок, выбрать для неё шрифт, расцветку и размер. Однако в программе нельзя настраивать прозрачность, и нет возможности выбрать готовые красивые стили, которые сберегут время пользователей.

Красиво оформить текст можно в редакторе Adobe Photoshop. Он предлагает широкие возможности для гибкой настройки оформления подписей. Однако этот профессиональный инструмент имеет сложное меню, в котором придётся долго разбираться. И даже минимальное украшение текста потребует глубокого изучения функционала редактора.

Хотите быстро добавлять яркие красивые подписи? Скачайте ФотоМАСТЕР! Это самый простой способ преобразить снимки. Попробуйте вставить текст в картинку прямо сейчас!