Как сделать прозрачный фон у картинки. Онлайн-программма Pixir-делаем прозрачный фон у картинки Как сделать прозрачный фон у картинки

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

Однажды серфя по Интернету, я наткнулся на статью о графическом редакторе Pixlr Photo Editor. Кстати, это не обычный графический редактор, а онлайн-редактор. Вот ссылка на него - http://pixlr.com/editor/ .

Именно эта программа и поможет нам сделать картинку с прозрачным фоном в формате PNG.

Имеем, например, такое изображение:

Я хочу убрать из него черный фон и сделать его прозрачным.

Для этого заходим в программу , выбираем пункт "Open image from computer" (Открыть изображение с компьютера) и загружаем нужную картинку. Сразу же поменяйте язык программы на русский (меню Language-> Русский язык).

Справа в окне "Слои" Вы увидите миниатюру картинки и колодочку. Щелкните мышкой дважды по колодочке (должна появиться "птичка" в квадратике). Таким образом Вы снимаете блокировку с фона.

После этого выбираете инструмент "Волшебная палочка" (слева на панели инструментов), подносите его к фону рисунка и щелкаете мышкой. Фон выделится пунктирной линией. Клавишей Delete уничтожаете фон.

Вот что у меня получилось:

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

Пример фотографии розовой розы без изменений и после замены однотонного фона на прозрачный, белый и зелёный:

Первый пример с цветком розы на прозрачном фоне сделан с такими настройками:
 1) Интенсивность замены — 38;
 2) Сглаживание по краям — 5;
 3) Заменить однотонный фон на — прозрачный;
 4) Обрезка (<0) или Добавление (>0) по краям — "-70";
 5) Инвертировать — отключено (галка не стоит).

Для создания второго примера , с белым фоном, использовались такие же настройки, как и в первом примере, кроме параметра: «Заменить однотонный фон на» — белый. В третьем примере , с зелёным фоном, также использованы настройки, как и в первом примере, кроме параметра: «цвет в формате hex» — #245a2d.

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка с прозрачным или указанным вами фоном.

Прозрачный фон у картинки может пригодиться много где, от пользовательского редактирования фотографий до сайтостроения или больше. Как это сделать? Либо у нас уже есть готовая картинка, у которой надо убрать фон, либо нужно самим нарисовать рисунок на белом листе и убрать белый фон. Нам понадобится хороший редактор изображений Paint.net. Если у вас его нет, то перейдите по ссылке для скачивания .
Существует как минимум 4 способа, как сделать фон картинки прозрачным:

Способ №1:

Если изображение располагается на белом или однородном фоне, то лучше всего воспользоваться инструментом "Волшебная палочка". Она располагается в панели инструментов, выбираем и нажимаем ею на область, которую мы хотим удалить. Обратите внимание: Фон желательно должен быть одноцветный(или с минимальным разнообразием цветов), иначе Палочка "не поймёт" что вы хотите выделить и вам придётся долго с ней возиться. У палочки есть настройка чувствительности. Чем больше фон совпадает цветом с нужной частью, тем меньше чувствительность нужна для выделения.

"Открыть..." → "Берём картинку" →"Открыть" (Загружаем изображение в Paint.net)→"Волшебная палочка" → Нажимаем на белый фон →"Правка" →"Вырезать". Готово. Если вы видите на месте стёртой области шахматный узор, значит при сохранении она будет прозрачной. Важно! Теперь сохраняем полученную картинку в формате "PNG" или "GIF". Советую PNG так, как этот формат поддерживает, в отличие от GIFа, более высокое качество изображения, а так же он позволяет сохранить изображение с полупрозрачным фоном. Почему же не "JPEG" ? Потому что он и остальные форматы не поддерживают эффекта прозрачности и при сохранении вырезанный фон превратиться в белый.

Способ № 2:

Если же у нас рисунок с разноцветным фоном, то палочкой тут не обойтись. Вся процедура такая же как и в способе № 1 , но вместо волшебной палочки мы будем использовать инструмент под названием "Лассо". Им придётся обвести от руки ту область, которую нам нужно оставить.

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

Способ № 3:

Этот способ тоже заслуживает внимания. Если вам не нравится первые 2 описанные выше, то вот что нужно делать: Над слоём с изображением создаем новый пустой слой ("Создать новый слой"). Выбираем любой цвет и инструмент "Линия или кривая". В этом пустом слое по краям нужной области проводим линию и искривляем её по нужной нам траектории. Обратите внимание: Между линиями не должно быть никакого зазора. А ширина не должна быть меньше 3. Как только мы обвели нужную область Выбираем "Волшебную палочку" и выделяем всё что внутри. Не снимая выделения переходим на слой с изображением и нажимаем кнопку Delete. Теперь можно удалить слой с линиями.

Способ № 4:

Проверенный временем способ стирания фона и чего либо у картинки.

Любой фон.

Инструмент "Ластик"→Увеличиваете масштаб изображения→Ставьте небольшой радиус охвата ластика и вперёд!!! Когда аккуратно сотрёте вокруг нужного объекта тонкий периметр, увеличьте радиус охвата ластика и уже грубо стирайте всё "за бортом".

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

И вот, бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо... Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон !

В интернете я не нашел нормальных идей как сделать прозрачный фон для готовой картинки, поэтому начал сам экспериментировать и нашел более менее подходящее решение!

Как сделать прозрачный фон у картинки

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

Загружаем наше изображение. Справа в окошке "Слои" появится слой "Фоновый", на котором замочек (не дает удалять фон картинки).

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

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

Теперь удаляем фон нажатием кнопочки "Delete" и получаем нужное нам изображение с прозрачным фоном.