Suggestion Refused Image Sprite - Scaling

[cryptoevo.de]

Hey lovely Clément,

I tried to use Sprite Image, but when i downsize with photoshop my images to 16x16px it gets artefacts/pixeld.
Downscaling from 64px or 32px with CSS is much cleaner.
So i found now as example " background-size : 50% 50%; ", could you add another box where you can set scaling?

How can I scale an image in a CSS sprite

In this article, http://css-tricks.com/css-sprites/, it talks about how can I crop off a smaller image from 1 bigger image. Can you please tell me if it is possible/how I can crop off a smaller im...

stackoverflow.com

Should work on all browsers.

Can I use... Support tables for HTML5, CSS3, etc

caniuse.com

I am already wondering why it is not already implemented?

Best regards,

 

[Clement]

Hi,

A box for sprite or a box for icons as well ?

Because I am no css expert so I wasn't aware of that feasibility plus it's a different way to handle as you need a scaling so that didn't fit with font awesome icons for example.

Clément

 

[cryptoevo.de]

Hi,

A box for sprite or a box for icons as well ?

Because I am no css expert so I wasn't aware of that feasibility plus it's a different way to handle as you need a scaling so that didn't fit with font awesome icons for example.

Clément

I am not an expert either but we both know what should be code able.
I tried many things and found now that:

Scaling responsive spritemaps for CSS icons — Studio Agenturbüro

www.stolzenhain.net

Here is codepan with sample code, basically he is doing it over font size

https://codepen.io/Stolzenhain/pen/gpXZeB

I needed a bit time to understand, but when you change font-size it gets scaled.

 

[cryptoevo.de]

Hey @MtoR

Anything unclear? We could connect over Skype or smth similar!
I have now like 40 icons, and i will have in future 100-200+ icons that are a lot of lot of request, decreasing it to only 1 single image and 1 request ist world difference! )

 

[Clement]

Hi,

I haven't looked into it.

Clément

 

[cryptoevo.de]

If you want I could try to help you, or pay someone to help you!
Since there are already alternatives for your addon, even free once, you could point with Image Sprite because of the immense page load improvement.

 

[Clement]

Hi,

It's just that I didn't put this in my top priority sorry.

Clément

 

[cryptoevo.de]

Dude it is so easy, do you even have looked 10 secounds on the Screenshot?
You just have to basically set "font-size" in css, it is easier then what you have done in your early coding days..

I feel a bit scammed to be honest, because there are free alternatives which do the same shit as yours only for free.
I also said i would even pay for this feature, i would also pay a other more competent Freelancer if you want...
Your addon is fucking up my page load time, and your page would also load 2x which would be super SEO improvement.
Like I said, I pay and somebody else then you makes the work,.. this should be perfect if it is your bottom priority.

Please Clément i need this shit. And you to, believe me! When i came here and said node icons is not working for XF 2.0 you made an update, and weeks after that you also updated your forum.. like i gave the push to refresh your page.

 

[Clement]

Hi,

Just to clarify, I don't see where you get scammed, this is not an implemented feature so I'm free to implement it or not.
I generally base it on people needs and you are the only one to request it, but I would gladly do it if funded.

It's not as easy as you mention it as I need to add new options and handle the case where people set sizes or not.
I am unsure wether this works for other sprites than svg, do you plan to use svg ?
Are all the images in the svg the same size ?

Regarding the speed, we have not that issue as we are using font awesome icons here.

Clément

 

[cryptoevo.de]

I deal scammed, because there are free addons which does the same job for free.
It doens't matter if some asks or not, because it is slowing the page enormously down and with that many request it gone f** also every SEO.
So everyone really everyone should use that feature, if there were a sprite image generator also implemented, then everybody would use it.

It's not as easy as you mention it as I need to add new options and handle the case where people set sizes or not.
I am unsure wether this works for other sprites than svg, do you plan to use svg ?
Are all the images in the svg the same size ?

Have you even looked at the codepan i posted? and read any letter with a at least tiny bit concentration ?
Then you would have seen the Drop down menu, where you can choose between Svg OR png...

https://codepen.io/Stolzenhain/pen/gpXZeB

https://codepen.io/Stolzenhain/pen/gpXZeB

https://codepen.io/Stolzenhain/pen/gpXZeB

https://codepen.io/Stolzenhain/pen/gpXZeB

Believe me if it is easyier then you think, just look into it everyday for one week only 5 minutes, give it only 5 minutes to try to understand it.
Your backhead will do the job, on day 2 or 3 you will fully understand it, it is just one CSS line - "font-size" thats it, instead of width or height.

Here again in the source you see it is just managed over "font-size" :

 

[Clement]

This is on top of my todo list

 

[Clement]

Hello,

Despite what you were stating it's not just one font-size changing (you had missed all the divide with $baseFontSize).
They all seem easy like that when you do pure html/css, not when you integrate to my add-on and xF.

I spent already 2H trying to make this work, that's far from too much, I am sorry but I am not going to work further on this.

If the loading time is a real issue for you, I recommend you use font awesome icons which provide a good bunch of images.

Clément