Как сохранить качество текста в GIMP png, загруженном на Facebook? [дубликат]

Я использовал Gimp для создания изображения цитаты и загрузил его на Facebook. Я позаботился о том, чтобы использовать только веб-безопасные цвета, а также шрифты Impact Condensed и Arial. Однако загруженное изображение резко теряет качество, а шрифты нечеткие/окружены туманом/размыты:

Перед загрузкой:Изображение, созданное GIMP

После загрузки:Изображение загружено на Facebook

Если вы откроете изображения в новой вкладке, вы сможете четко увидеть разницу между ними.

Крупный план поврежденного шрифта

Я попытался включить/отключить чересстрочную развертку (Adam7) и другие параметры экспорта, но не смог ничего изменить. Вся помощь приветствуется.

Ответы (3)

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

Но, возможно, FB масштабирует изображение, потому что вы предоставили изображение не в каком-то ожидаемом стандартном размере. Что произойдет, если вы используете изображение размером 1375x92?

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

Это скриншоты увеличенного изображения, чтобы показать, чем отличается текст на моем компьютере от текста, загруженного на Facebook. Размер исходного изображения и загруженного изображения составляет 650x325. Я посмотрю на создание svg. Я думал об этом, но просто предположил, что Facebook не поддержит это.

Не совсем ответ, но...

У меня были проблемы с изображениями в Твиттере. Наконец, я немного поискал, «какой размер лучше всего подходит для изображения в Твиттере». Насколько я помню, пропорции у того были 7х6. Не знаю про фейсбук.

Если изображение имеет неправильные пропорции или даже больше или меньше, Facebook может изменить размер, что может привести к некоторой нечеткости или искажению. Конечно, убедитесь, что изображение имеет достаточное разрешение.

Постройте его в лучшем размере, и вы можете увидеть улучшение. Стоит попробовать, чтобы посмотреть, поможет ли это.

Мое изображение 650x325, поэтому 2:1. Значит надо попробовать сделать картинку 700х600?
Неа. Я скопировал свой xcf и переместил объекты, чтобы они соответствовали 525x488, что составляет примерно 7: 6, и я все еще получаю размытие шрифта. 700х600 и 350х300 были слишком большими и маленькими для моей цитаты соответственно.

В общем, чтобы получить наилучшее качество, вам нужно изменить размер изображения так, чтобы интерполяция не требовалась. Например, вы получите гораздо лучшее качество, уменьшив его до 50%, чем до 62%, хотя последнее больше. Разница возникает из-за необходимости разобраться, как представлять уцелевшие фрагменты пикселей. Это особенно плохо с типом, где появляется хороший намек.

Я попытался изменить его размер только по предложению xenoid. Изображение одинакового размера как на моем компьютере, так и на Facebook.
Я не знаю. Я только что загрузил 2 изображения в p'shop 7 и не увидел большой разницы. Я вижу некоторые артефакты изменения размера на втором изображении, но количество и сглаживание реальных пикселей мне кажется вполне приемлемым.
Я добавил крупный план второго изображения. По сути, я вижу клетчатый узор серого цвета между, над и под каждой буквой.
Если вы имеете в виду неправильный, нечеткий узор в области фона, то это артефакты изменения размера, о которых я упоминал. Возможно, именно они вас беспокоят. Что я сделал, так это посмотрел на точку над i, потому что она обычная, и если происходит что-то смешное, это будет видно там, а также где угодно. Я не увидел ничего смешного. Сглаживание неодинаково в обоих случаях, но включает одинаковое количество исчезающих пикселей.
Я только что посмотрел на твой новый образ. Это гораздо более регулярно, чем артефакты, которые я видел и обычно вижу при изменении размера. Я не уверен, что происходит с этим. Похоже, что черный фон имеет некоторую прозрачность, и сквозь него просвечивает фон в виде шахматной доски из p'shop. Главное, чтобы ваши текстовые изображения выглядели нормально.