Tổng hợp Favicon cho năm 2021

• Tùy theo đặc tả của trình duyệt mà cần rất nhiều tệp, và bài viết này gom chúng lại thành một bộ thống nhất

• 5 hình ảnh và 1 tệp JSON

→ .ico 32x32 : dành cho các trình duyệt cũ

→ .svg : có thể co giãn, dùng được cho hầu hết trình duyệt hiện đại, cũng hỗ trợ dark mode

→ apple-touch-icon 180x180 : dành cho thiết bị Apple; từ iOS8+ trở đi dùng kích thước 180x180. Thêm khoảng đệm khoảng 20px và màu nền sẽ đẹp hơn

→ manifest (JSON) : dành cho PWA và thiết bị Android

→ 192x192 : màn hình chính

→ 512x512 : dùng cho màn hình splash khi tải PWA

• Bài viết giải thích từng bước cách tạo và tối ưu 5 biểu tượng này từ một tệp SVG duy nhất