: Various elements in a single image? When I go to View Page Info -> Media in the Mozilla Firefox (or any other gecko-based browser). I see one picture there which contains several elements of

Posted in: #Images

When I go to View Page Info -> Media in the Mozilla Firefox (or any other gecko-based browser).

I see one picture there which contains several elements of the site:

My questions are:

How they get separated when rendering the website?
(I know it's probably CSS, what I mean is how to define/know which region of this picture is a separated element)
What are the advantages over using one picture for each element?

I would guess this lowers the bandwidth as it has less headers, but I don't know if there is something else about it.

10.01% popularity Vote Up Vote Down

: Sort by Goal Conversions in Search Engine Optimization view in Google Analytics? Goals are my favorite functionality in Google Analytics. They let you know which traffic sources, ads, or keywords

@Bryan171

Posted in: #GoogleAnalytics

1 Comments

: How do I prevent subdomain finders finding subdomains on my server? How do I prevent the following website and similar tools finding subdomains of domains in my server? https://pentest-tools.com/reconnaissance/find-subdomains-of

@Bryan171

Posted in: #Subdomain

2 Comments

: Nginx Rewrite causing problems I wrote a little php script that reads and compresses css and javascript files. I used a rewrite to automatically redirect all resources to that script. The rule

@Bryan171

Posted in: #Nginx

1 Comments

: Im getting the IP of my VPS instead of the domain in Google search results Im getting the ip of my vps instead of the domain in web results. I don't have the same problem with other sites

@Bryan171

Posted in: #Apache #Domains #IpAddress #Serps

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@YK1175434

Here are the sprites CSS of a site. They are useful to display little pictos (=icons) in a site.

The main advantage is the browser only loads one big image with all the pictos (performance because of less requests to the server). And to display these pictos separately, you just move a cursor with a fixed size in this big image.

Another advantage is also when you change a picto when an user action occurs, the picto is already loaded and you don't see the new picto blinking.

However, sprites CSS mustn't be used to display images related to the content of a site.

10% popularity Vote Up Vote Down

Feed

: Various elements in a single image? When I go to View Page Info -> Media in the Mozilla Firefox (or any other gecko-based browser). I see one picture there which contains several elements of

More posts by @Bryan171

: Sort by Goal Conversions in Search Engine Optimization view in Google Analytics? Goals are my favorite functionality in Google Analytics. They let you know which traffic sources, ads, or keywords

: How do I prevent subdomain finders finding subdomains on my server? How do I prevent the following website and similar tools finding subdomains of domains in my server? https://pentest-tools.com/reconnaissance/find-subdomains-of

: Nginx Rewrite causing problems I wrote a little php script that reads and compresses css and javascript files. I used a rewrite to automatically redirect all resources to that script. The rule

: Im getting the IP of my VPS instead of the domain in Google search results Im getting the ip of my vps instead of the domain in web results. I don't have the same problem with other sites

Login to post a comment!

1 Comments

Back to top | Use Dark Theme