№ 122: Держава Фавіконс. - CSS-хитрощі

Anonim

Назавжди ми всі створили графіку 16 × 16 і якось перевели їх у формат .ico. Ймовірно, я використовував цей інструмент перетворювача мільйон разів. Десь по лінії це почало ставати більш заплутаним. Браузери також можуть підтримувати значок .png.webp. І зараз є дисплеї сітківки ока, і ніщо не виглядає гірше на сітківці, ніж маленька крихітна графіка. Зараз браузери також починають підтримувати 32 × 32 значок. Що нам робити?

Ситуація полягає в тому, що якщо ви надаєте обидва варіанти, багато браузерів ігнорують .png.webp і використовують .ico. Джонатан Ніл має всю історію. Отже, давайте просто використаємо цей .ico для обох. Це унікальний формат, який так чи інакше створений для обробки.

  • Зробіть версію 16 × 16 і 32 × 32, використовуючи найкращі навички крафтової піксельної роботи, щоб відточити обидві
  • Збережіть їх як повноцінні PNG-файли
  • Створіть новий проект у Icon Slate (через)
  • Перетягніть версії у відповідні «колодязі»
  • “Побудувати” для створення .ico
  • Пов’яжіть цей .ico як зазвичай: