Формат JPEG, BMP и подобные используют только 3 ключевых цвета для шифрования каждой точки(пикселя) картинки. Эти цвета - красный, зеленый, синий.
Формат GIF - означает не только анимацию, но и возможность добавления еще одного цвета - прозрачного.
Формат PNG - означает, что прозрачность добавляется к ключевым цветам и вы получаете возможность сохранять изображение с ПОЛУпрозрачными точками(пикселями).
Таким образом, перевод в формат GIF или PNG сам по себе ничего не даст. Важно именно сделать прозрачный фон и потом сохранить в GIF или PNG.
Такой вопрос возникает уже несколько раз у моих пользователей, поэтому я решил написать статейку по этому поводу, но пока руки не дошли. Вы напомнили.
Как сделать прозрачный фон у изображения?
Для этого нам потребуется Adobe Photoshop.
Допустим, у нас есть какое-то изображение с однотонным фоном (можете вручную его покрасить в белый или другой цвет, контрастирующий с картинкой).
Открываем эту картинку в фотошопе, нажимаем ctrl+A, затем нажимаем ctrl+C, затем файл-новый. В открывшемся диалоге в строке \"Содержимое фона\" (background contents) выбираем \"прозрачный\" (transparent). Нажимаем ОК. Нажимаем ctrl+V. Видим нашу картинку. Берем инструмент \"волшебная палочка\" (magic wand), наверху выставляем значение \"отклонение\" (tolerance) от 10 до 40, нажимаем на фон изображения, убеждаемся, что он выделился полностью, иначе - пробуем выставить большее значение отклонения, повторяем. Если же, палочка захватила часть изображения - берем значение меньше и повторяем.
Итак, у нас есть фотошоп-документ с выделенным фоном. Нажимаем del, видим, что фон удалился и вместо него видна \"шахматная\" доска. Мы достигли необходимого результата. Осталось только сохранить это изображение в нужном формате. Нажимаем файл-сохранить для веб(save for web), в правом верхнем углу выбираем PNG-24, так как это самый мощный из форматов и может включать полупрозрачность. Убеждаемся, что стоит галочка \"прозрачность\" (transparency), нажимаем \"сохранить\", выбираем директорию, имя файла. Сразу предупреждаю, что обЪем занимаемого места изображения может увеличиться, поэтому заранее позаботьтесь об изменении размеров картинки.