XF 1.1 CSS Sprites

In an attempt to decrease the number of HTTP requests made (and thereby speed up pages), virtually all of XenForo 1.1's UI icon graphics come from just two sprites.

xenforo-ui-sprite.png

node-sprite.png

​

Attached below are the 24 bit versions of the same sprites, for those of you who wish to edit them but don't have a graphic program which supports the 8 bit versions.

 

[psTubble27]

Attached below are the 24 bit versions of the same sprites, for those of you who wish to edit them but don't have a graphic program which supports the 8 bit versions.

Kier, can you suggest some of those programs which support the 8-bit versions of the graphic? It's obviously much more resource-efficient to use the 8bit than the 24bit.

 

[DeltaHF]

Kier, can you suggest some of those programs which support the 8-bit versions of the graphic? It's obviously much more resource-efficient to use the 8bit than the 24bit.

I recommend Adobe Fireworks CS5. I always use it when working with web graphics and highly recommend it.

 

[Shelley]

Bare in mind the more imagery you post within the spritesheet the higher the chances your going to result in images starting to suffer from quality being compromised. I can't see png-8 being used in the extended pack since more colors are being used unless you start splitting and breaking down spritesheets. I'm all for saving kb but when quality is being compromised for me it's not worth saving a few kb. Eitherway, no matter what route you take your going to be making compromises whether it's saving kb using png-8 and splitting spritesheets adding more http requests, quality loss or using 1 mega sheet png-24 with a higher kb.

 

[Patt]

Very Nice!

 

[Dad.]

Just curious, but why are the stars in there? I've never seen a part of XenForo that uses a rating system; mind you, haven't looked too hard but still.

 

[Paul B]

The Resource Manager.

 

[Dad.]

As in the one that is expected to be completed? So those were added in there in advance?

 

[Paul B]

Yes. It will be rolled out here later this month.

 

[tafreehm]

cant wait to see it

 

[Paul B]

As some of you have no doubt noticed, the watched thread icon has changed from a star to a pair of spectacles, which means the sprite contents have changed from 1.1.5 to include that and a new magnifying glass for the responsive search box.

@Mike or @Kier, any chance we can get a 24 bit version of the new sprite for those of us whose graphics programs don't support 8 bit alpha transparency?

 

[xf_phantom]

At least for me it's a broken smiley and notspecacles
and the searchicon is the A/A icomf from old editor which was used to switch to BBCode


working now

 

[Sheldon]

At least for me it's a broken smiley and notspecacles
and the searchicon is the A/A icomf from old editor which was used to switch to BBCode

Took about 30 minutes for me to see the glasses. Even after clearing my cache, restarting both browsers, etc...

 

[Lisa]

Took about 30 minutes for me to see the glasses. Even after clearing my cache, restarting both browsers, etc...

Same here... Only just now started showing up for me.

 

[Sheldon]

Same here... Only just now started showing up for me.

I finally ran outside and kicked my hamster in his rear end... he sped up the wheel, I think that helped.

 

[Shelley]

Surprisingly it showed for me instantly.

 

[Steve F]

As some of you have no doubt noticed, the watched thread icon has changed from a star to a pair of spectacles, which means the sprite contents have changed from 1.1.5 to include that and a new magnifying glass for the responsive search box.

@Mike or @Kier, any chance we can get a 24 bit version of the new sprite for those of us whose graphics programs don't support 8 bit alpha transparency?

http://xenforo.com/community/styles/default/xenforo/xenforo-ui-sprite.png

Save as, seems fine for me.

 

[Paul B]

PSP X doesn't support that format.

 

[Edrondol]

For me, it looks like the sprites are a bit off.

 

[Lisa]

For me, it looks like the sprites are a bit off.
View attachment 49221

You're seeing the wrong sprite

 

[Edrondol]

You're seeing the wrong sprite

Probably. I never have had good eyesight. (And yes, I've cleared my cache, etc.)