CSS Images vs. Regular Images

Printable View

11 January 2018, 11:33 pm
hcgroup

CSS Images vs. Regular Images

Hello All,

I am working on a new site which will be on both betting sites and casinos.

I will feature only 7 brands on the main page as a table. Both casinos and betting sites will be covered.

5 betting sites will be featured in the betting sections.

And 7 casino sites will be featured in the casino-related sections.

As the total number of sites are low, I am planning to use optimized .png type images for logos and buttons in order to lower the code-text ratio.

Am I right? What do you think?

Thanks in advance
12 January 2018, 4:18 pm
Slawete

Quote:

Originally Posted by hcgroup

Hello All,

Images for logos and buttons in order to lower the code-text ratio.

1. code loads way faster than images
2. it was a practice 10.000 years ago when images also where used as buttons
3. you can use the image as background for button through css, but also it is far not the best practice
4. maybe with "images for buttons" you mean anchoring an image, that is just a link
5. wait... what have to do the images with the buttons
5. not sure what you mean with "CSS Images vs Regular Images", here is where you should be more specific

Hope I helped you in some way
12 January 2018, 10:27 pm
hcgroup

Thanks a lot for your detailed support.

1. Sure but also increases the ratio for code/text

2. :) I know.

3. so what would be the best practice?

4. I meant using css tweaks for the CTA buttons instead of placing images for buttons as we have been doing 10,000 years ago :)

5. Above.

Thanks a lot

Quote:

Originally Posted by Slawete

1. code loads way faster than images
2. it was a practice 10.000 years ago when images also where used as buttons
3. you can use the image as background for button through css, but also it is far not the best practice
4. maybe with "images for buttons" you mean anchoring an image, that is just a link
5. wait... what have to do the images with the buttons
5. not sure what you mean with "CSS Images vs Regular Images", here is where you should be more specific

Hope I helped you in some way
13 January 2018, 2:28 am
Slawete

I don't give a s..t about code/text ratio. Focus on: page speed, modern appearance and relevant content.

Regarding the CTA, those css tweaks are done with css code that have nothing to do with code(html)/text ratio.

Why not copy some code for buttons from sites like codepen.io, then adapt to what you want.
13 January 2018, 4:57 am
hcgroup

I appreciate your priceless acknowledgement

Sent by using Tapatalk Pro
13 January 2018, 2:46 pm
GaryTheScubaGuy

Quote:

Originally Posted by Slawete

I don't give a s..t about code/text ratio. Focus on: page speed, modern appearance, and relevant content.

Regarding the CTA, those css tweaks are done with css code that have nothing to do with code(html)/text ratio.
Why not copy some code for buttons from sites like codepen.io, then adapt to what you want.

I fully agree. Most images are already optimized from the operator. I would learn more about funnel pages rather than CTA buttons unless they say FREE or 300% bonus or something eye-catching, which is part of some funnel pages.

CSS - again, clueless. CSS is the formate you drop the images into. Normally a template. if not get them off-site and pull them in. If they are into the game that much they will wait an extra second. 70% is usually cached content anyhow.

Concentrate on 2 things right now; AMP and Unique and valuable content.

GTSC
13 January 2018, 4:02 pm
Cash Bonus

Quote:

Originally Posted by hcgroup

Hello All,

I am working on a new site which will be on both betting sites and casinos.

I will feature only 7 brands on the main page as a table. Both casinos and betting sites will be covered.

5 betting sites will be featured in the betting sections.

And 7 casino sites will be featured in the casino-related sections.

As the total number of sites are low, I am planning to use optimized .png type images for logos and buttons in order to lower the code-text ratio.

Am I right? What do you think?

Thanks in advance

Hello mate,

How are you?

I would just stick with regular images. That way, you won't have to worry about the images disappearing from your websites if you are directly linking from the the actual server were they are coming from :)

Best of luck to you!
13 January 2018, 7:20 pm
GaryTheScubaGuy

Quote:

Originally Posted by hcgroup

Thanks a lot for your detailed support.

1. Sure but also increases the ratio for code/text

2. :) I know.

3. so what would be the best practice?

4. I meant using css tweaks for the CTA buttons instead of placing images for buttons as we have been doing 10,000 years ago :)

5. Above.

Thanks a lot

Copy and host the images ( that way you don't have to worry about them disappearing. Most hosts are 99.99%, okay but if you are nervous about it put an uptime monitor on it with an alert for pages loading over 2.3 seconds.

I would still optimize them to the smallest possible dpi without affecting the look and keep them onsite. If they are optimized, they should only take a millisecond to load. Load from the header, the content, and then the rest of the image to keep the end-user interested.

GTSG
13 January 2018, 11:08 pm
hcgroup

Hello mate,

I am very well indeed and I hope you are well, too.

Thanks a lot but I explained wrongly to you. That was my fault. By saying "regular" I meant embedding the images or buttons without css or background image function.

Anyway, thanks a lot.

Cheers

Quote:

Originally Posted by vtyunby65

Hello mate,

How are you?

I would just stick with regular images. That way, you won't have to worry about the images disappearing from your websites if you are directly linking from the the actual server were they are coming from :)

Best of luck to you!
13 January 2018, 11:09 pm
hcgroup

Great!

Got it.

Thanks

Quote:

Originally Posted by GaryTheScubaGuy

Copy and host the images ( that way you don't have to worry about them disappearing. Most hosts are 99.99%, okay but if you are nervous about it put an uptime monitor on it with an alert for pages loading over 2.3 seconds.

I would still optimize them to the smallest possible dpi without affecting the look and keep them onsite. If they are optimized, they should only take a millisecond to load. Load from the header, the content, and then the rest of the image to keep the end-user interested.

GTSG
13 January 2018, 11:12 pm
hcgroup

Hi Gary,

I see. Thanks. So you are saying that, if we use too much CSS code, then our loading speed slows down. Right?

Thanks

Quote:

Originally Posted by GaryTheScubaGuy

I fully agree. Most images are already optimized from the operator. I would learn more about funnel pages rather than CTA buttons unless they say FREE or 300% bonus or something eye-catching, which is part of some funnel pages.

CSS - again, clueless. CSS is the formate you drop the images into. Normally a template. if not get them off-site and pull them in. If they are into the game that much they will wait an extra second. 70% is usually cached content anyhow.

Concentrate on 2 things right now; AMP and Unique and valuable content.

GTSC
13 January 2018, 11:13 pm
hcgroup

Great recommendation and acknowledgement. Many thanks. I will certainly do it.

Cheers!

Quote:

Originally Posted by Slawete

I don't give a s..t about code/text ratio. Focus on: page speed, modern appearance and relevant content.

Regarding the CTA, those css tweaks are done with css code that have nothing to do with code(html)/text ratio.

Why not copy some code for buttons from sites like codepen.io, then adapt to what you want.
13 January 2018, 11:23 pm
Cash Bonus

Quote:

Originally Posted by hcgroup

Hello mate,

I am very well indeed and I hope you are well, too.

Thanks a lot but I explained wrongly to you. That was my fault. By saying "regular" I meant embedding the images or buttons without css or background image function.

Anyway, thanks a lot.

Cheers

Hey mate,

I'm happy to hear that you're doing well today. I'm doing well too. Thanks a lot for asking :)

You're welcome, anytime.

Sent from my iPhone using Tapatalk
13 January 2018, 11:43 pm
hcgroup

Hey Dear Valued Mate,

Cheers and have an awesome Sunday and a new week ahead!

Take care

Quote:

Originally Posted by vtyunby65

Hey mate,

I'm happy to hear that you're doing well today. I'm doing well too. Thanks a lot for asking :)

You're welcome, anytime.

Sent from my iPhone using Tapatalk
14 January 2018, 4:08 am
GaryTheScubaGuy

Yes, all CSS should be server-side delivery and not in your code or it does slow it down.