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

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

    I've created custom images for the status icon images: forum_new.gif and forum_old.gif in png format, and I'm trying to edit the templates that use them.

    Do I use the Find and Replace in Templates feature for this? Or is there a more direct way of doing this?

    TIA

  • #2
    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

    Comment


    • #3
      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
      Sounds like you misunderstood me.

      I deliberately created these images in .png format to take advantage of the superiority of this image format over the older .gif format, and wish to keep and use these images in the .png format. Converting them to .gif format defeats the purpose.

      Anyone here from vBulletin support or any other knowledgeable individual willing to help?

      Comment


      • #4
        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.
        Kerry-Anne :)

        Twitter Blog

        www.peterska2.com www.worldnewszone.com www.popularusenetgroups.com www.superclickers.co.uk www.forumsforchrist.com www.browsergameplanet.com

        Comment


        • #5
          Originally posted by RedHotChili View Post
          Anyone here from vBulletin support or any other knowledgeable individual willing to help?
          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
          Get Our New Flat Theme Pro Pack or Grab all 34 vb5.5.1 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style

          Comment


          • #6
            Originally posted by RedHotChili View Post
            Sounds like you misunderstood me.
            You did.

            Originally posted by RedHotChili View Post
            Converting them to .gif format defeats the purpose.
            Did I said convert?? Just rename the extension over FTP.

            Comment


            • #7
              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.

              Comment


              • #8
                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.

                Comment


                • #9
                  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.

                  Comment


                  • #10
                    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
                    If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
                    www.TheFloorPro.com

                    Comment


                    • #11
                      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.

                      Comment


                      • #12
                        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
                        If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
                        www.TheFloorPro.com

                        Comment


                        • #13
                          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.
                          Get Our New Flat Theme Pro Pack or Grab all 34 vb5.5.1 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style

                          Comment


                          • #14
                            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
                            If my post was helpful to you, please take the time to register at my forum and ask a question you've always wanted to know about floors.
                            www.TheFloorPro.com

                            Comment


                            • #15
                              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.
                              Get Our New Flat Theme Pro Pack or Grab all 34 vb5.5.1 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style

                              Comment

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