Announcement

Collapse
No announcement yet.

What's the best way to replace a few gifs with custom made png images?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • napy8gen
    replied
    Originally posted by eJM View Post
    By the way, you were the designer of my forum's original theme 3 years ago. I used your design (I heavily modified it, but it was still your concept) until October 2008. You did a beautiful job and there were zero validation errors. You also helped me with my questions and gave me guidance. Quality designers are hard to come by and you are near the top of the list. I spent almost a year designing my own theme and I wanted it to be just as good as the quality of work you are known for. It's a difficult task and I wanted to tell you how much I appreciate you sharing your skills and talent. Thank you.
    I'm flattered with your kind words Jim.
    Actually I do remember you. :-) Your forum now really rocks! absolutely amazing concept and design.

    Originally posted by Wayne Luke View Post
    It should be noted that renaming images like this could be considered a security risk and will not work on all browsers. In fact, this can be disabled on IE8 under a high security installation.

    There is actually an addon at www.vbulletin.org called NoMoreGIFS that would be the easiest and correct way to do this without editing templates. It does use mod_rewrite but that shouldn't be a problem these days unless you're on Windows Hosting. What the code does is check to see if the GIF image exists, if it does not, then it will rewrite the request to automatically load a PNG image. If your site has a slow request time this would increase page loads but for most purposes you will not notice.
    Thank you Wayne. It is very good timely reminder and useful direction on the add on :-)

    Leave a comment:


  • Wayne Luke
    replied
    It should be noted that renaming images like this could be considered a security risk and will not work on all browsers. In fact, this can be disabled on IE8 under a high security installation.

    There is actually an addon at www.vbulletin.org called NoMoreGIFS that would be the easiest and correct way to do this without editing templates. It does use mod_rewrite but that shouldn't be a problem these days unless you're on Windows Hosting. What the code does is check to see if the GIF image exists, if it does not, then it will rewrite the request to automatically load a PNG image. If your site has a slow request time this would increase page loads but for most purposes you will not notice.

    If you are using IIS and don't have access to mod_rewrite, then you should upgrade to IIS7 and install the URL Rewrite extension. It gives similar capabilities and is fairly easy to setup.

    Leave a comment:


  • eJM
    replied
    Originally posted by napy8gen View Post
    I visited your [The Floor Pro] forum.
    Now I believed it. I see the forum_old is gif. But when viewed its property it says type is PNG, and when I saved it, it saved as PNG but it will lose its alpha tranparency and behaved like a gif. But it works. thats the important thing .. so how you renamed it? in the FTP like above post?
    Yes. I uploaded the files to the server via FTP and then renamed the files. I use WS_FTP 12.

    By the way, you were the designer of my forum's original theme 3 years ago. I used your design (I heavily modified it, but it was still your concept) until October 2008. You did a beautiful job and there were zero validation errors. You also helped me with my questions and gave me guidance. Quality designers are hard to come by and you are near the top of the list. I spent almost a year designing my own theme and I wanted it to be just as good as the quality of work you are known for. It's a difficult task and I wanted to tell you how much I appreciate you sharing your skills and talent. Thank you.

    R'gards,

    Jim

    Leave a comment:


  • veenuisthebest
    replied
    And I use browsershots.org

    If you used that software to test my site for IE6, then I guess it returned wrong results. My site does work fine on IE6 as seen on browsershots. For PNG's, I am using pngfix.js for IE6 which works great.

    Leave a comment:


  • napy8gen
    replied
    Hi Veenu.
    I'm not using IE6 myself. But as a web designer I still have to look backwards.
    I am using this browser to test: http://www.my-debugbar.com/wiki/IETester/HomePage
    It has 5 Internet Explorer versions in it.

    Leave a comment:


  • veenuisthebest
    replied
    Originally posted by napy8gen View Post
    I am not using PNG as it is not good in IE6. Still if using IE6, your forum old look jaggy also your welcome image.But who cares, I think now users with ie6 is not that many.
    But When I go to this survey statistic , IE6 users are 17% from 1.5 billion users? I think they are still many.
    I know about those stats. Really can't help those who are still on IE6.

    I have 5 browsers installed anytime that includes IE8, FF, Safari, Chrome, Opera. Site works good on all of them. Can't think of downgrading my IE to 6 now.

    Leave a comment:


  • napy8gen
    replied
    Originally posted by eJM View Post
    I believe they do, but I am no graphics expert. I do know that my GIF images didn't look as good as my renamed PNG images.

    Jim
    I visited your floorpro forum.
    Now I believed it. I see the forum_old is gif. But when viewed its property it says type is PNG, and when I saved it, it saved as PNG but it will lose its alpha tranparency and behaved like a gif. But it works. thats the important thing .. so how you renamed it? in the FTP like above post?

    Originally posted by veenuisthebest View Post
    The BEST and EASIEST way to achieve this is to upload your new .PNG files onto the server and simply rename their extension to .GIF from .PNG via FTP client. No template editing or anything required.

    For ex: upload forum_new.png and rename it to forum_new.gif
    I am not using PNG as it is not good in IE6. Still if using IE6, your forum old look jaggy also your welcome image.But who cares, I think now users with ie6 is not that many.
    But When I go to this survey statistic , IE6 users are 17% from 1.5 billion users? I think they are still many.
    Last edited by napy8gen; Thu 30th Apr '09, 9:19pm.

    Leave a comment:


  • eJM
    replied
    I believe they do, but I am no graphics expert. I do know that my GIF images didn't look as good as my renamed PNG images.

    Jim

    Leave a comment:


  • napy8gen
    replied
    Originally posted by eJM View Post
    My "GIF" images are actually PNG files. I renamed them to *.gif from their original *.png. This retains the format of the image as a PNG, but still lets me use the default file extension.
    Jim
    This is interesting Jim.I don't know they still rendered as PNG if renamed to Gif.

    Leave a comment:


  • eJM
    replied
    Originally posted by RedHotChili View Post
    Thanks Jim.

    That's why I didn't want to rename my PNG images, but use them as is. File sizes tend to be smaller with PNG images than with GIF images, another advantage of the newer format.
    I think you misunderstood. You are confusing conversion of file formats with renaming a file. My "GIF" images are actually PNG files. I renamed them to *.gif from their original *.png. This retains the format of the image as a PNG, but still lets me use the default file extension.

    This forum here at vB.com will not allow the uploading into messages of images with the wrong file extension - it prevents the uploading of viruses and trojan files. It does not have the capacity to determine that I merely changed the file extension. This is why I was not able to upload images for you to compare.

    Jim

    Leave a comment:


  • RedHotChili
    replied
    Originally posted by eJM View Post
    The same custom image saved as a GIF looked worse than the PNG image renamed to *.gif.
    Thanks Jim.

    That's why I didn't want to rename my PNG images, but use them as is. File sizes tend to be smaller with PNG images than with GIF images, another advantage of the newer format.

    Leave a comment:


  • eJM
    replied
    Originally posted by RedHotChili View Post
    Same difference.

    By renaming the file to have a gif extension I lose the alpha-channel transparency inherent in the png format.
    I don't think so. I've done it myself and lost no transparency. The same custom image saved as a GIF looked worse than the PNG image renamed to *.gif. I tried to upload both here to show you the difference, but the system wouldn't let me upload the renamed PNG files because the extension was wrong for the file type.

    Jim

    Leave a comment:


  • RedHotChili
    replied
    Originally posted by Kerry-Anne View Post
    What was said in post #2 is correct.

    Or you can spend ages editing lots of templates to use .png and then need to do it again every time you upgrade.
    I only have a few of these special images, which will make it easy during upgrades to edit the templates, as napy8gen demonstrated.
    Last edited by RedHotChili; Thu 30th Apr '09, 8:10am.

    Leave a comment:


  • RedHotChili
    replied
    Originally posted by veenuisthebest View Post
    Did I said convert?? Just rename the extension over FTP.
    Same difference.

    By renaming the file to have a gif extension I lose the alpha-channel transparency inherent in the png format.

    Leave a comment:


  • RedHotChili
    replied
    Originally posted by napy8gen View Post
    you can use replacement variable.

    style manager> style name> from the All Style Options drop down> replacement variables> [Add New Replacement Variable]

    Search for Text : forum_new.gif

    replace with text: forum_new.png
    That's what I was looking for.

    Thank you very much.

    I wasn't sure if this was the best way to do it, but you confirmed it for me.

    Leave a comment:

widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X