Update method for using Icons

[hanakin]

ok so currently with all the planned changes and RFCs their are 43 unique server requests to pull 180kb for all the icons. This is not counting any of the icons for the contact menu in the profile.

by changing the method now w can reduce these requests down to 1, 12-13kb request as follows

navigation-icons.png (12.67 KiB) Viewed 26922 times

I took some liberties with some of the icons as they really made no sense and its still a WIP so any recommendations of icon changes are welcome

[aleha]

Icons that also need to be updated are those big circle icons at the left of the Topic title. They seem to be kinda blurry.

These icons are clickable if you have unread posts on the topic, and take you to the last unread post.
But also the small icons appear and are clickable if you have unread posts on the topic.
Maybe this should change because we have two icons next to each other for the same usage.

[hanakin]

yes they need to be redone utilizing sprites as well. I pushed for this 4 yrs ago with the initial change to using css, but at the time some were reluctant to use sprites. if you wish to tackle this have at it.

imageset.png (15.06 KiB) Viewed 26905 times

unfortunately you can not include hot topic as its animated

[Sumanai]

12-13kb request as follows

Using free tools pngcrush and PNGZopfli, you can compress this figure to 11.3kb without losing quality.

[keith10456]

Nice work on the new icons!

[PayBas]

Lets keep an eye on this: https://github.com/FortAwesome/Font-Awesome/issues/3640

Might be able to use it for the composites forum icons.

[callumacrae]

-1 to sprites. They won't make it into phpBB before HTTP 2.0 is supported in most major browsers.

[FloFlo91]

+1 Hanakin, We have to reduce the amount of icons by using sprites and font icons.

Let's just switch to FA in 3.2 instead of changing it twice in a row

I'm sorry but what means FA please ?

[M.Gaetan89]

It's Font Awesome: http://fortawesome.github.io/Font-Awesome/

[hanakin]

ok slight update it just about working any inputs on icon fixes & changes are welcome?

icons.png (13 KiB) Viewed 26586 times

PSD file: https://www.dropbox.com/s/6awigiemq4kv1 ... -icons.psd

Ticket: https://tracker.phpbb.com/browse/PHPBB3-12888
PR: https://github.com/phpbb/phpbb/pull/2774