Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Аномальные отклонения весовых размеров иконок при одинаковом качестве #681

Open
AdvTechnoKing opened this issue Aug 20, 2023 · 1 comment
Assignees

Comments

@AdvTechnoKing
Copy link

Коротко, одна и та же иконка в разных размерах имеет внушительно отличимый размер на выходе.

Взять к примеру иконки key_outline_20 и key_outline_24, весовой размер первой иконки в 2.32 раза больше второй, хотя по визуальному размеру это должно быть наоборот.

key_outline_20 = 1268 символов для элемента symbol
key_outline_24 = 545 символов для элемента symbol

image

favorite: { '12': 909, '16': 982, '20': 984, '24': 420, '28': 314, '36': 323 }
flash: { '12': 538, '16': 328, '20': 393, '24': 418, '28': 347 },
gift: { '12': 782, '16': 726, '24': 371, '28': 664, '32': 511, '36': 413 },
market: { '12': 1077, '16': 1096, '24': 1066, '36': 289 },
mention: { '12': 854, '16': 845, '24': 1762, '28': 1740 },
money_circle: { '12': 817, '16': 761, '24': 576 },
services: { '12': 1384, '16': 1382, '24': 560, '28': 1502, '48': 453 },
story: { '12': 469, '16': 726, '20': 769, '24': 603, '28': 429, '36': 630, '48': 1058 },
archive_outline: { '16': 1145, '20': 1526, '24': 591, '28': 1498, '56': 526 },
building_outline: { '16': 2534, '24': 3967, '28': 4026, '36': 4439, '56': 4396 },
check_square_outline: { '16': 1321, '20': 1056, '24': 1323, '28': 1093 },
comment_outline: { '16': 1111, '20': 1200, '24': 1056, '28': 608, '56': 1361 },
copy_outline: { '16': 1369, '20': 1583, '24': 1692, '28': 439 },
crop: { '16': 261, '24': 787, '28': 506, '32': 772 },
crop_outline: { '16': 882, '20': 385 },
error_circle_outline: { '16': 278, '20': 252, '24': 611, '28': 553, '32': 858 },
euro_outline: { '16': 432, '20': 354, '24': 474, '28': 653 },
favorite_outline: { '16': 2194, '20': 2211, '24': 671, '28': 642, '36': 757, '56': 1996 },
game: { '16': 418, '24': 838, '28': 988, '48': 698 },
gift_outline: { '16': 1830, '20': 1499, '24': 1121, '28': 1654, '32': 1660, '36': 1877, '44': 1695, '56': 1571 },
hand_heart_filled: { '16': 994, '24': 2156, '28': 1181 },
hand_outline: { '16': 748, '24': 1202 },
headphones_outline: { '16': 346, '28': 566, '56': 372 },
help_outline: { '16': 548, '20': 489, '24': 885, '28': 888, '36': 711, '56': 665 },
hide_outline: { '16': 814, '20': 843, '24': 1009, '28': 668, '48': 1298, '56': 989 },
image_filter: { '16': 373, '32': 784 },
info_outline: { '16': 255, '28': 647, '56': 412 },
key_outline: { '16': 1125, '20': 1268, '24': 545, '28': 446, '56': 1789 },
list_letter_outline: { '16': 762, '20': 1171, '24': 1157, '28': 1191 },
list_number_outline: { '16': 692, '20': 1307, '24': 1250, '28': 1289 },
list_play_outline: { '16': 396, '20': 506, '28': 267, '36': 432, '56': 590 },
lock_outline: { '16': 946, '20': 1150, '24': 1430, '28': 1002, '36': 1400, '56': 1431 },
mail_outline: { '16': 1233, '20': 1072, '24': 1507, '28': 997, '36': 1325, '56': 1283 },
market_outline: { '16': 369, '20': 1147, '24': 1447, '28': 971, '36': 1062, '56': 1633 },
menu_outline: { '16': 265, '20': 315, '24': 155, '28': 134 },
money_circle_outline: { '16': 670, '20': 385, '24': 810, '28': 637, '36': 803 },
more_vertical: { '16': 274, '20': 165, '24': 254, '28': 189 },
music: { '16': 858, '24': 603, '28': 648, '32': 634, '36': 543 },
newsfeed_outline: { '16': 1210, '20': 1235, '24': 837, '28': 884, '48': 261, '56': 1215 },
notification: { '16': 606, '24': 421, '28': 338 },
palette_outline: { '16': 672, '24': 1020, '28': 817, '56': 727 },
pause_circle: { '16': 185, '20': 681, '24': 810, '28': 321, '32': 748, '40': 805 },
pen_outline: { '16': 1201, '24': 448 },
qr_code: { '16': 4609 }, qr: { '24': 1392 },

Полный файл со всеми размерами:
sizes.json

@mendrew
Copy link
Contributor

mendrew commented Aug 28, 2023

@AdvTechnoKing огромное спасибо за исследование!
Очень интересные результаты, заставили поразбираться в причинах такой ситуации.

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

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

Спасибо, что обратили наше внимание. Попробуем поменять процесс.

@SevereCloud SevereCloud self-assigned this Mar 4, 2024
@SevereCloud SevereCloud added this to VKUI Mar 4, 2024
@github-project-automation github-project-automation bot moved this to 🗃 Backlog in VKUI Mar 4, 2024
@SevereCloud SevereCloud moved this from 🗃 Backlog to 🔧 In progress in VKUI Mar 4, 2024
@SevereCloud SevereCloud moved this from 🔧 In progress to 🔜 To do in VKUI Jun 17, 2024
@SevereCloud SevereCloud moved this from 🔜 To do to 🗃 Backlog in VKUI Aug 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🗃 Backlog
Development

No branches or pull requests

3 participants