Подтвердить что ты не робот

Какой формат для небольших изображений сайта? GIF или PNG?

Когда вы делаете маленькие значки, графику заголовков и т.п. для сайтов, лучше ли использовать GIF или PNG?

Очевидно, что если необходимы эффекты прозрачности, тогда PNG определенно подходят, и для больших, более фотографических изображений я бы использовал JPEG, но для обычной "мебели", которую вы бы порекомендовали и почему? Это могут быть только инструменты, которые я использую, но файлы GIF обычно кажутся немного меньшими, чем сопоставимый PNG, но использование их просто кажется таким 1987 годом.

4b9b3361

ОТВЕТЫ

Ответ 1

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

Это могут быть только инструменты, которые я использую, но файлы GIF обычно кажутся немного меньшими, чем сопоставимый PNG

Это может быть связано с используемым инструментом кодирования.

/EDIT: Ого, похоже, много неправильных представлений о размере файла PNG. Процитировать Matt:

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

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

Кроме того, отсутствие поддержки в MSIE6 израсходовано Chrono:

Если вам нужна прозрачность и можно обойтись с помощью GIF, я бы рекомендовал их, потому что IE6 их поддерживает. IE6 не справляется с прозрачными PNG.

Это неправильно. MSIE6 поддерживает прозрачность PNG. Он не поддерживает альфа-канал (без нескольких хаков), хотя это другое дело, поскольку GIF файлы вообще не имеют его.

Единственная техническая причина использования GIF вместо PNG - когда нужна анимация использования и не хочет полагаться на другие форматы.

Ответ 2

В W3C упоминаются 3 преимущества PNG над GIF.

• Альфа-каналы (переменные прозрачность),

• Кросс-платформенная гамма-коррекция (контроль яркости изображения) и цветокоррекция

• Двумерное чередование (a метод прогрессивного отображения).

Кроме того, ознакомьтесь с этими ресурсами для руководства:

Ответ 3

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

Ключевое значение для понимания:

  • PNG8 и GIF без потерь <= 256 цветов
  • PNG8 всегда может быть меньше, чем GIF
  • GIF никогда не должен использоваться, если вам не нужна анимация

и, конечно,

  • Используйте JPG для черно-белых или полноцветных фотографических изображений
  • Использовать PNG для низкоцветного, линейного искусства, изображений типа скриншотов

Ответ 4

Основная причина использования PNG над GIF с юридической точки зрения приведена здесь:

http://www.cloanto.com/users/mcb/19950127giflzw.html

Патенты, по-видимому, истекли с 2004 года, но идея о том, что вы можете использовать PNG как open-source через GIF, привлекательна для многих людей.

(png ссылка с открытым исходным кодом: http://www.linuxtoday.com/news_story.php3?ltsn=1999-09-09-021-04-PS)

Ответ 6

Я не думаю, что это имеет большое значение (клиенты не заботятся). Лично я бы выбрал PNG, потому что они являются стандартом W3C.

Будьте осторожны с эффектами прозрачности PNG: они не работают с IE6.

Ответ 7

Для изображений в Интернете каждый формат имеет свои плюсы и минусы. Для изображений с фотографическим изображением (то есть много-много цветов, без жестких краев) используйте JPEG.

Для значков и т.п. у вас есть выбор между PNG и GIF. GIF файлы ограничены 256 цветами. PNG можно отформатировать как GIF (т.е. 256 цветов, с 1-битной прозрачностью, которая будет работать в IE6), но для небольших изображений они немного больше GIF. 24-битные PNG поддерживают как широкую гамму, так и альфа-прозрачность (хотя это проблема в IE6).

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

Ответ 8

Индексированный PNG (менее 256 цветов) на самом деле всегда меньше, чем gif, поэтому я использую это большую часть времени.

Ответ 9

Основная проблема с GIF заключается в том, что он является обремененным патентом форматом (EDIT: это, по-видимому, уже не так). Если вас это не волнует, не стесняйтесь использовать GIF. PNG имеют гораздо большую гибкость в отношении GIF, особенно в области цветового пространства, но эта гибкость часто означает, что вы захотите "оптимизировать" PNG перед публикацией. Для этого веб-поиск должен раскрывать инструменты для вашей платформы.

Конечно, если вы хотите анимацию, GIF - это единственный способ пойти, поскольку по какой-то причине MNG был в основном не стартером.

Ответ 10

Для компьютерной графики (т.е. сделанной самим в Photoshop, Gimp и т.д.) JPG не может быть и речи, потому что он потерян - т.е. вы получаете случайные серые пиксели. Для статических изображений PNG лучше во всех отношениях: больше цветов, масштабируемая прозрачность (скажем, 10% прозрачная,.gif поддерживает только 0% и 100%), но есть проблема, что некоторые версии Internet Explorer не делают PNG прозрачность правильно, поэтому вы получаете плоский непрозрачный фон, который выглядит уродливым. Если вам не нравятся эти пользователи IE, перейдите на PNG.

Кстати, если вы хотите анимации, перейдите на GIF.

Ответ 11

PNG - это 100% замена файлов GIF и поддерживается всеми веб-браузерами, с которыми вы, вероятно, столкнетесь.

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

Практически все браузеры поддерживают однобитовую прозрачность в PNG файлах (тип прозрачности, предлагаемый в формате GIF). В IE6 отсутствует поддержка полной 8-битной прозрачности PNG, но это может быть исправлено для большинства ситуаций с помощью небольшой магии CSS.

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

Можно "взломать" GIF файл, чтобы иметь более 256 цветов, используя комбинацию кадров анимации с флажками do-not-replace и несколькими палитрами, но этот подход практически забыт с момента появления PNG.

Ответ 12

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

Вероятно, это ваши инструменты. Из часто задаваемых вопросов PNG:

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

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

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

Ответ 13

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

Я не вижу никаких проблем с использованием gif.

Ответ 14

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

Ответ 15

gif файлы будут немного меньше, поскольку они не поддерживают альфа-канал прозрачности (и, возможно, по некоторым другим причинам). Лично я не чувствую, что разница в размерах действительно стоит беспокоиться почти так же, как и раньше. Большинство людей сейчас используют Интернет с какой-то широкополосной сетью, поэтому я сомневаюсь, что они заметят разницу.

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

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

Ответ 16

Я обычно использую gif из-за размера, но есть также png-8, который также имеет 256 цветов.

Если вам нужны призрачные полупрозрачные вещи, используйте png-24.

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

Ответ 17

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