Сделать пнг – Заменить белый или однотонный фон на прозрачный онлайн

Содержание

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

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

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

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

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

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

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

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

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

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

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

Остается только сохранить изображение. Файл -> Сохранить. Сохраняем изображение обязательно в формате .png, иначе прозрачный фон пропадет.

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

Ну вот я и ответил на свой же вопрос «Как сделать прозрачный фон у картинки?«. Как вам способ?

Рейтинг 4 балла Просмотров: 1005

sitestroyblog.ru

Как сделать формат PNG для картинки

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

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

Как сделать формат PNG с помощью стороннего программного обеспечения

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

Давайте рассмотрим самый популярный фоторедактор Adobe Photoshop, который может помочь в достижении данной задачи. Следуйте инструкции представленной ниже.

  1. В открытом окне программы загрузите изображение, которое вы хотите перевести в формат PNG. Для этого сначала нажмите кнопку «Файл», а затем «Открыть».
  2. Для того чтобы убрать белый фон с фотографии, воспользуйтесь инструментом «Волшебный ластик». Кликните по белому фону картинки, и он пропадет.
  3. Затем сохраните картинку. Делается это также через пункт меню «Файл», только затем нужно выбрать «Сохранить как».
  4. Установите при сохранении расширение PNG.
  5. Нажмите «ОК».

Как сохранить изображение в формате PNG с помощью стандартных средств Windows

Проще всего для изменения формата изображения воспользоваться предустановленной программой Paint. Вам поможет представленная далее инструкция.

  1. Откройте программу.
  2. В открывшееся окно перетащите необходимое для изменения формата изображение.
  3. Нажмите по синей кнопке, расположенной в левом верхнем углу интерфейса приложения.
  4. Из появившегося списка нажмите по вкладке «Сохранить как».
  5. В открывшемся окне «Проводника», во второй строке «Тип файла», необходимо развернуть список и выбрать из предложенных расширение PNG.
  6. Нажмите «ОК».

Заключение

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

fb.ru

Конвертировать JPG в PNG онлайн, бесплатно преобразовать .jpg в .png

Расширение файла.png
Категория файла
images
ОписаниеPNG – растровый графический формат, разработанный в качестве альтернативы GIF, который обладал коммерческой лицензией. В его основе находятся лучшие возможности предшественника, в том числе сжатие без потерь и поддержка прозрачного фона. Технология PNG обеспечивает сохранение всех этапов редактирования и восстановление шага с сохранением качества. Однако она не позволяет сохранять в одном файле сразу несколько картинок, что ограничивает ее использование при разработке анимированных изображений.
Технические деталиРасширение PNG было предложено как инструмент, помогающий передавать и хранить изображения во Всемирной сети. Технология ограничивается 8-битным каналом прозрачности, благодаря чему можно корректировать цвета от непрозрачных до прозрачных. Она поддерживает 24-битовые цвета RGB, соответствующие картинки и оттенки серого. Правда, в качестве непрофессионального формата PNG не может отображать другие цветовые пространства. Открыть такие файлы позволяют большинство программ, также они запускаются в любых браузерах. Изображения отличаются небольшим весом при хорошем качестве.
Программы

Apple Preview

Microsoft Windows Photos

Adobe Photoshop CC

Corel Paint Shop Pro

Microsoft Windows Photo Gallery Viewer

Основная программаMicrosoft Paint
РазработчикPNG Development Group (donated to W3C)
MIME type

image/png

onlineconvertfree.com

PNG редакторы онлайн

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

Редактирование PNG онлайн

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

Онлайн-редакторы не нужно устанавливать на ПК — это значительно уменьшает вероятность подхватить вирус.

Способ 1: Online Image Editor

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

К минусам сервиса можно отнести отсутствие русского языка, однако при длительном использовании данный недостаток становится малозаметным.

Перейти на сайт Online Image Editor

  1. Переходим на сайт и загружаем картинку, которая будет обрабатываться. Допускается загрузка либо с диска, либо с сайта в интернете (для второго способа необходимо указать ссылку на файл, после чего нажать «Upload»).
  2. При загрузке файла с ПК или мобильного устройства переходим на вкладку «Upload» и выбираем нужный файл, нажав на кнопку «Обзор», а затем загружаем фото с помощью кнопки «Upload».
  3. Попадаем в окно онлайн-редактора.
  4. На вкладке «Basic» пользователю доступны базовые инструменты для работы с фотографией. Здесь можно изменить размер, обрезать изображение, добавить текст, рамку, сделать виньетку и многое другое. Все операции удобно показаны на картинках, что позволит русскоязычному пользователю понять, для чего предназначен тот или иной инструмент.
  5. На вкладке «Wizards» представлены так называемые «магические» эффекты. К картинке можно добавить различные анимации (сердца, воздушные шары, осенние листья и др.), флаги, блестки и другие элементы. Здесь же можно изменить формат фотографии.
  6. На вкладке «2013» размещены обновленные анимационные эффекты. Разобраться в них не составит особого труда за счет удобных информационных иконок.
  7. Если необходимо отменить последнее действие, щелкаем на кнопку «Undo», для повторения операции нажимаем на «Redo».
  8. После того, как манипуляции с картинкой были завершены, нажимаем на кнопку «Save» и сохраняем результат обработки.

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

Способ 2: Фотошоп Онлайн

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

Единственный, но довольно существенный недостаток сайта – это постоянные зависания, особенно если работа ведется с большими изображениями.

Перейти на сайт Фотошоп Онлайн

  1. Загружаем изображение с помощью кнопки «Загрузить фото с компьютера».
  2. Откроется окно редактора.
  3. Слева расположено окно с инструментами, позволяющими обрезать, выделять определенные области, рисовать и производить другие манипуляции. Чтобы узнать, для чего предназначен тот или иной инструмент, просто наведите на него мышку и дождитесь появления справки.
  4. Верхняя панель помогает получить доступ к определенным функциям редактора. К примеру, можно повернуть фото на 90 градусов. Для этого просто заходим в меню «Изображение» и выбираем пункт «Повернуть на 90° по часовой стрелке»/«Повернуть на 90° против часовой стрелки».
  5. В поле «Журнал» отображается последовательность действий, которая была совершена пользователем при работе с картинкой.
  6. Функции отмены, повторения, трансформирования фото, выделения и копирования расположены в меню «Редактировать».
  7. Для сохранения файла заходим в меню «Файл», выбираем «Сохранить…»
    и указываем папку на компьютере, куда будет загружена наша картинка.

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

Способ 3: Fotor

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

Доступ к дополнительным функциям предоставляется пользователям только после приобретения PRO-аккаунта.

Перейти на сайт Fotor

  1. Начинаем работу с сайтом, нажав на кнопку «Редактирование».
  2. Перед нами откроется редактор, для загрузки файла щелкаем на меню «Открыть» и выбираем «Компьютер». Дополнительно доступна загрузка фото из облачного хранилища, веб-сайта либо социальной сети Facebook.
  3. Вкладка «Базовое редактирование» позволяет обрезать, повернуть, изменить размер и гамму изображения и выполнить другое редактирование.
  4. На вкладке «Эффекты» можно добавить к фотографии разнообразные художественные эффекты. Обратите внимание на то, что некоторые стили доступны только PRO-пользователям. Удобный предварительный просмотр позволит узнать, как фото будет выглядеть после обработки.
  5. Вкладка «Beauty» содержит набор функций для улучшения фотографии.
  6. Следующие три раздела позволят добавить к фотографии рамку, разнообразные графические элементы и текст.
  7. Для отмены либо повтора действия щелкаем на соответствующие стрелки на верхней панели. Чтобы отменить сразу все манипуляции с картинкой, нажимаем на кнопку «Оригинал».
  8. После завершения обработки нажимаем на кнопку «Сохранить».
  9. В открывшемся окне вводим название файла, выбираем формат итогового изображения, качество и нажимаем «Скачать».

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

Как создать PNG с прозрачностью в Adobe Photoshop (версии CC и выше)?

05.06.16 27.2K

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе.

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл» (File) вверху страницы выберите «Создать» (New).

Затем в появившемся окне «Новый документ» (New Document) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб). А также, что вы выбрали значение «Прозрачный» (Transparent) в выпадающем списке «Содержимое фона» (Background Contents).

*Перед тем, как сделать PNG с прозрачностью в Фотошопе, нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:


После того, как вы задали значения параметров, нажмите «OK», чтобы открыть новый документ.

Затем в панели «Слои» (Layers) убедитесь, что работаете на прозрачном слое, а не на фоновом:


После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop, в меню «Файл» (File) вы можете использовать один из возможных вариантов:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе, который вышел раньше CC 2015. В этих версиях используют метод «Сохранить для Web» (Save for Web & Devices), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл» (File), и далее – «Сохранить для Web» (Save for Web & Devices):


Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB). Это подтверждает, что изображение будет содержать прозрачный фон и его цветовой режим будет преобразован в sRGB, рекомендованное цветовое пространство для веб.
Поля «Размер изображения» (Image Size) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Чтобы сохранить изображение, нажмите кнопку «Сохранить» (Save) внизу окна.

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии CC 2015 опция «Сохранить для Web» (Save for Web & Devices) в меню «Файл» (File) помечена как Legacy (устаревшая). И замещена на новую опцию «Экспорт» (Export), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт», нажмите меню «Файл» (File), а затем — «Экспортировать как» (Export As).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web» (Save for Web & Devices) в Photoshop CC 2015, и она доступна через меню Файл > Экспорт (File > Export) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac) или Ctrl+Alt+Shift+S (для ПК):


Затем в появившемся окне выберите PNG из выпадающего меню «Формат» (Format) и убедитесь, что выбраны опции «Прозрачность» (Transparency) и «Преобразовать в sRGB» (Convert to sRGB).

Поля «Размер изображения» (Image Size) и «Размер холста» (Canvas Size) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе:


Когда закончите, нажмите «Экспортировать все» (Export All).

Данная публикация представляет собой перевод статьи «How can I create a PNG with transparency in Adobe Photoshop (CC and higher)?» , подготовленной дружной командой проекта Интернет-технологии.ру

Еще не голосовали

рейтинг из

ХорошоПлохо

Ваш голос принят

www.internet-technologies.ru

Сделать прозрачный фон онлайн — Rusadmin

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

Создаём прозрачный фон на фото

Содержание статьи:

Перечень сервисов способных сделать прозрачный фон картинки

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

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

Сервис Online-Photoshop позволяет удалить задний фон

Первый ресурс, позволяющий создать прозрачный фон онлайн – это Online-Photoshop. Работа с ним достаточно проста, позволяя за пару минут получить объект с прозрачным фоном на вашем фото.

  1. Для реализации намеченного перейдите на ресурс, кликните на кнопку «Select image» и загрузите нужное фото.
  2. Последнее появится в левой части экрана, а курсор приобретёт форму жёлтого кружочка.
  3. Пометьте этим кружочком с помощью жёлтой линии внешние контуры объекта, фон за которым вы хотите сделать прозрачным.
  4. Затем кликните на зелёный кружочек  с плюсиком в панели инструментов и пометьте зелёным цветом внутренние черты объекта.
  5. Потом кликните на красный кружочек с минусом и пометить красными линиями внешнее пространство за границами объекта.
Делаем прозрачный фон с Online-Photoshop

Теперь нажимаем стрелочку справа и смотрим результат. Если всё хорошо, нажимаем на кнопку «Download» сверху и сохраняем результат к себе на ПК.

Сервис Pixlr задаём один цвет фону

Другой инструмент чтобы сделать прозрачный фон онлайн – это похожий на «Фотошоп» онлайн-редактор Pixlr. Он обладает значительным числом возможностей, но нас интересует в первую очередь создание прозрачного фона онлайн.

  1. Чтобы выполнить намеченное выполните вход на www.pixlr.com, а затем нажмите на «Загрузить изображение с компьютера».
  2. После загрузки изображения оно появится в окне редактирования, нас же интересует окошко «Слои» справа, с расположенной в нём опцией «Задний слой» с замочком.

    Работа со слоями в Пиклр

  3. Дважды кликните на замочек, и вместо замочка появится галочка.
  4. Теперь кликаем на «Волшебную палочку» в панели инструментов слева (обычно это третья иконка сверху на левом столбце), нажимаем ею на фон картинки (он помечается соответствующей линией), а затем жмём на клавишу «Delete» для удаления фона. Возможно, так придётся сделать несколько раз, добиваясь полного удаления ненужного фона на фото.
  5. После того, как вы полностью избавитесь от фона, нажмите на кнопку «Файл», и там выберите «Сохранить».
  6. В качестве расширения сохранённого файла выбирайте png, иначе прозрачный фон онлайн pixlr может быть утрачен.

Сервис IMGonline позволяет сделать прозрачный фон

Данный сервис представляет собой практически полностью автоматизированный вариант, позволяющий сделать задний фон прозрачным онлайн.

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

Задаём однотонный фон для изображения

После обработки вы получите возможность просмотреть полученный результат или скачать его к себе на компьютер с помощью соответствующих ссылок.

Замечу, что за счёт автоматизации качество получаемой обработки обычно хуже, чем в перечисленных выше Online-Photoshop и Pixlr.

Сервис Watermark.Algid.Net

Ещё один сервис, позволяющий сделать прозрачный фон на фото онлайн бесплатно.

Для работы с данным сервисом фотографию нужно подготовить, для чего нужно закрасить потенциально прозрачную область цветом, отсутствующим на самом изображении (например, синим, как приведено в примере ниже). Также важно, чтобы фото было в формате png или gif.

Синий фон на картинке
  1. Затем необходимо перейти на сам сайт, нажать на кнопку «Обзор», указать сервису путь к вашему файлу и кликнуть на «Следующий шаг».
  2. Откроется ваше изображение, вам будет необходимо кликнуть мышкой на цвете фото, который вы хотите сделать прозрачным (задний фон для удаления должен иметь один цвет после обработки).
  3. Кликните на цвете заднего фона, программа обработает его и он станет прозрачным.
  4. Если обработка вас устроила, нажмите правой клавишей мыши на фотографии и выберите «Сохранить изображение как».

Сервис LunaPic убираем задний фон изображения

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

Сервис LunaPic
  1. Для работы с сервисом выполните вход на него, нажмите на «Обзор» и загрузите требуемое фото (или укажите ссылку на него в сети в строке ниже).
  2. Затем выберите цвет на фото, который бы вы хотели сделать прозрачным и кликните на него мышкой.
  3. Фото будет обработано, и вы, в идеале, получите прозрачный цвет заднего фона.

По сравнению с сервисом Watermark.Algid.Net сервис LunaPic больше похож на полноценный фоторедактор, позволяя окрасить задний фон одним цветом с помощью встроенных в данный сервис инструментов.

Заключение

Выше мной были перечислены несколько удобных и лёгких в работе сервисов, позволяющих сделать прозрачный фон в режиме онлайн. Наиболее эффективными, по моему мнению, являются сервисы Online-Photoshop и Pixlr, результаты их обработки находятся на хорошем уровне, а специфика опционала совсем не сложна. Если вам необходимо сделать прозрачный фон для фото — рекомендую обратиться к возможностям данных инструментов, они позволят легко и быстро создать прозрачный фон онлайн.

Вконтакте

Facebook

Twitter

Одноклассники

Pinterest

Как вы оцените статью?
Загрузка…

rusadmin.biz

Как конвертировать в PNG-формат | PNG-конвертер

  • Clips

    Монтаж видео на мобильном устройстве

    • Назад
    • Clips