Results 1 to 15 of 15
  1. #1
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Question 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

  2. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (12 January 2018)

  3. #2
    Slawete's Avatar
    Slawete is offline Public Member
    Join Date
    September 2016
    Posts
    70
    Thanks
    34
    Thanked 38 Times in 27 Posts

    Default

    Quote Originally Posted by hcgroup View Post
    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

  4. The Following User Says Thank You to Slawete For This Useful Post:

    vtyunby65 (12 January 2018)

  5. #3
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

    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 View Post
    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

  6. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (12 January 2018)

  7. #4
    Slawete's Avatar
    Slawete is offline Public Member
    Join Date
    September 2016
    Posts
    70
    Thanks
    34
    Thanked 38 Times in 27 Posts

    Default

    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.

  8. The Following 2 Users Say Thank You to Slawete For This Useful Post:

    hcgroup (13 January 2018), vtyunby65 (14 January 2018)

  9. #5
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

    I appreciate your priceless acknowledgement


    Sent by using Tapatalk Pro

  10. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (13 January 2018)

  11. #6
    GaryTheScubaGuy's Avatar
    GaryTheScubaGuy is offline In Memorium, 1966-2018
    Join Date
    December 2008
    Location
    Malta
    Posts
    745
    Blog Entries
    22
    Thanks
    223
    Thanked 428 Times in 204 Posts

    Default

    Quote Originally Posted by Slawete View Post
    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
    GaryTheScubaGuy

  12. The Following User Says Thank You to GaryTheScubaGuy For This Useful Post:

    hcgroup (13 January 2018)

  13. #7
    vtyunby65's Avatar
    vtyunby65 is offline Private Member
    Join Date
    May 2014
    Posts
    2,140
    Thanks
    7,289
    Thanked 1,581 Times in 1,043 Posts

    Default

    Quote Originally Posted by hcgroup View Post
    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!

  14. The Following User Says Thank You to vtyunby65 For This Useful Post:

    hcgroup (13 January 2018)

  15. #8
    GaryTheScubaGuy's Avatar
    GaryTheScubaGuy is offline In Memorium, 1966-2018
    Join Date
    December 2008
    Location
    Malta
    Posts
    745
    Blog Entries
    22
    Thanks
    223
    Thanked 428 Times in 204 Posts

    Default

    Quote Originally Posted by hcgroup View Post
    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
    GaryTheScubaGuy

  16. The Following User Says Thank You to GaryTheScubaGuy For This Useful Post:

    hcgroup (13 January 2018)

  17. #9
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

    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 View Post
    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!

  18. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (13 January 2018)

  19. #10
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

    Great!

    Got it.

    Thanks

    Quote Originally Posted by GaryTheScubaGuy View Post
    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

  20. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (13 January 2018)

  21. #11
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

    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 View Post
    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

  22. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (13 January 2018)

  23. #12
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

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

    Cheers!

    Quote Originally Posted by Slawete View Post
    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.

  24. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (13 January 2018)

  25. #13
    vtyunby65's Avatar
    vtyunby65 is offline Private Member
    Join Date
    May 2014
    Posts
    2,140
    Thanks
    7,289
    Thanked 1,581 Times in 1,043 Posts

    Default

    Quote Originally Posted by hcgroup View Post
    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

  26. The Following User Says Thank You to vtyunby65 For This Useful Post:

    hcgroup (13 January 2018)

  27. #14
    hcgroup's Avatar
    hcgroup is offline Public Member
    Join Date
    October 2017
    Posts
    322
    Thanks
    267
    Thanked 218 Times in 186 Posts

    Default

    Hey Dear Valued Mate,

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

    Take care

    Quote Originally Posted by vtyunby65 View Post
    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

  28. The Following User Says Thank You to hcgroup For This Useful Post:

    vtyunby65 (13 January 2018)

  29. #15
    GaryTheScubaGuy's Avatar
    GaryTheScubaGuy is offline In Memorium, 1966-2018
    Join Date
    December 2008
    Location
    Malta
    Posts
    745
    Blog Entries
    22
    Thanks
    223
    Thanked 428 Times in 204 Posts

    Default

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

  30. The Following User Says Thank You to GaryTheScubaGuy For This Useful Post:

    hcgroup (14 January 2018)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •