[AI CC2022] Настройка DPI при экспорте в PNG

wolfynys

Участник
Топикстартер
Сообщения
6
Реакции
0
Всем добрый день!
Просветите пожалуйста в одном вопросе, перерыл весь интернет, но информации так и не нашел.
У меня стоит задача выполнить иконку для одной программы, требования следующие:
- Разрешение 64х64 пикселя, DPI - 192.

Проблема заключается в следующем - мне кажется, что при экспорте из Illustrator передаются неправильные значения DPI, так как при загрузке в программу иконка подгружается в некорректном размере и обрезается.
1745392225179.png


Провел следующий тест:
- Выполнил похожую иконку в Affinity Designer, после чего загрузил в программу и иконка подошла идеально.
1745392519788.png


Настройки в разных программах выкладываю ниже:
1745392401027.png
1745392614061.png


По итогу получаются PNG с одинаковым количеством пикселей, а вот посмотреть DPI в расширенных свойствах не получается, но я предполагаю, что он получается разный.
1745392789436.png


Подскажите пожалуйста, у вас есть идеи в чем может быть проблема? Правильно ли я вообще понимаю концепцию DPI? Или может дело в том, что в иллюстраторе - PPI. При экспорте из того же фотошопа - все экспортируется нормально, но картинка становится мыльноватая, поэтому хотелось бы использовать иллюстратор.
Как думаете, как я могу правильно экспортировать картинку из иллюстратора, чтобы получить нужный мне результат?
 
Чтобы получить желаемое, размер документа в иллюстраторе должен быть 8,46х8,46 мм.
Ну в вместо скриншотов стоило выложить файлы.
 
Последнее редактирование:
Правильно ли я вообще понимаю концепцию DPI? Или может дело в том, что в иллюстраторе - PPI.
В любом растровом файле ppi, что бы там в программах не писали.
но картинка становится мыльноватая, поэтому хотелось бы использовать иллюстратор.
Мыло не от инструмента, а от неумения им пользоваться.
 
  • Спасибо
Реакции: zollinger
Чтобы получить желаемое, размер документа в иллюстраторе должен быть 8,46х8,46 мм.
Ну в вместо скриншотов стоило выложить файлы.
Здравствуйте!
Извиняюсь, прикладываю файлы

Попробовал 8,46мм, но получается размер 24х24 пикселя, возможно я что-то неправильно понял, только разбираюсь в программе))

В любом растровом файле ppi, что бы там в программах не писали.

Мыло не от инструмента, а от неумения им пользоваться.
Тут полностью согласен)) в фотошопе я не эксперт, но я просто скорее для теста там делал, в иллюстраторе для меня удобнее, потому что потом откорректировать проще, чем в фотошопе)

PS. в AI файле ошибочка, стоит 96ppi, но при 192 результат аналогичный
 

Вложения

Последнее редактирование:
Всё нормально с разрешением, я думаю, что 16 бит не нравится. Попробуйте этот.
 

Вложения

Всё нормально с разрешением, я думаю, что 16 бит не нравится. Попробуйте этот.
К сожалению такой же результат получился(

Для меня тут наверное самое странное, что при экспорте из affinity конечная программа правильно подхватывает размер png изображения и не обрезает его, хотя визуально у них у обоих одинаковые свойства - 64х64 пикселя, только почему-то вес на порядок отличается, но кроме этого разницы не вижу((

в любом случае, спасибо за подсказки! буду дальше пытаться найти отличие, не хочется в affinity переходить))
 
16 бит не нравится
- Выполнил похожую иконку в Affinity Designer, после чего загрузил в программу и иконка подошла идеально.
А нужна другая иконка, которая из-под иллюстратора. И в архиве её имя Развертки-по-дверям-и-окнам.png

И там, шохарактерно, никаких 16 бит нет. Но и разрешение не то, которое в ТЗ

Screenshot_2.jpg
 
Но и разрешение не то, которое в ТЗ
Код:
File: Untitled.png (12896 bytes)
  chunk IHDR at offset 0x0000c, length 13
    64 x 64 image, 64-bit RGB+alpha, non-interlaced
  chunk iCCP at offset 0x00025, length 386
    profile name = sRGB IEC61966-2.1, compression method = 0 (deflate)
    compressed profile = 367 bytes
  chunk pHYs at offset 0x001b3, length 9: 7559x7559 pixels/meter (192 dpi)
  chunk IDAT at offset 0x001c8, length 12420
    zlib: deflated, 32K window, maximum compression
  chunk IEND at offset 0x03258, length 0
No errors detected in Untitled.png (5 chunks, 60.6% compression).

Верно, нет этого чанка вовсе

Код:
File: Развертки-по-дверям-и-окнам.png (1942 bytes)
  chunk IHDR at offset 0x0000c, length 13
    64 x 64 image, 32-bit RGB+alpha, non-interlaced
  chunk tEXt at offset 0x00025, length 25, keyword: Software
  chunk IDAT at offset 0x0004a, length 1848
    zlib: deflated, 32K window, maximum compression
  chunk IEND at offset 0x0078e, length 0
No errors detected in Развертки-по-дверям-и-окнам.png (4 chunks, 88.1% compression).
Значит надо добавить. ;)
 
Кстати, а так ли обязателен для формата png параметр разрешение?
На википедии я не нашёл упоминания о нём.
Возможно, в этом и засада.
 
Значит надо добавить. ;)
Попробуйте этот.
Код:
File: dw.png (2296 bytes)
  chunk IHDR at offset 0x0000c, length 13
    64 x 64 image, 32-bit RGB+alpha, non-interlaced
  chunk cHRM at offset 0x00025, length 32
    White x = 0.3127 y = 0.329,  Red x = 0.64 y = 0.33
    Green x = 0.3 y = 0.6,  Blue x = 0.15 y = 0.06
  chunk bKGD at offset 0x00051, length 6
    red = 0x00ff, green = 0x00ff, blue = 0x00ff
  chunk pHYs at offset 0x00063, length 9: 192x192 pixels/unit (1:1)
  chunk IDAT at offset 0x00078, length 2006
    zlib: deflated, 32K window, maximum compression
  chunk tEXt at offset 0x0085a, length 37, keyword: date:create
  chunk tEXt at offset 0x0088b, length 37, keyword: date:modify
  chunk tEXt at offset 0x008bc, length 40, keyword: date:timestamp
  chunk IEND at offset 0x008f0, length 0
No errors detected in dw.png (9 chunks, 86.0% compression).
 

Вложения

  • dw.zip
    dw.zip
    2.4 КБ · Просм.: 6
Попробовал.

Screenshot_3.jpg
 
  • Спасибо
Реакции: ~RA~
Мне кажется, на форуме уже была тема, где выяснили, что отсутствие обязательного наличия строки о разрешении (вот, правда, не помню, о каком формате была тогда речь) мешает дальнейшему применению такого формата.
 
Вспомнил!
 

Вложения

  • Спасибо
Реакции: wolfynys
 
  • Спасибо
Реакции: Jeine
Все круто!
Все подошло идеально)
1745398118119.png


А не подскажете для профана, как такой же результат получать для других иконок?
Куда что нужно вписать? :)

Или может попробовать в другой формат экспортировать?
 
Последнее редактирование: