Welcome to the Webmaster Forum.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
  1. #1
    Junior Member
    Join Date
    Oct 2012
    Posts
    3

    Difference Between Jpg and Gif

    I am not a computer science geek and thus do not understand the details that goes behind when the images are stored. The thing i am interested to know is that what are the major difference between Jpg image Format and Gif and what is most suitable for images for a website.
    Which format out of Jpg and gif is more suitable for storing animations and what is the reason for this. If any body can tell me the difference in both of these types and if these are interchangeable. By interchangeable i mean that if an image is stored in Gif format can it be converted to Jpg and vice versa and what would happen to the quality after the change in Format of Jpg to Gif and Gif to Jpg.
    Also tell me what Graphical editors can be used to manipulated and edit images of both of these formats.

  2. #2
    Senior Member
    Join Date
    Feb 2013
    Posts
    310
    GIF supports animation and basic transparency. GIF images compress the best when the source image has a lot of solid areas and not a lot of variation vertically. In other words an image with a lot of solid horizontal lines would compress better than an image with a lot of vertical lines. The reason is GIF reads images from left to right line by line, looking for long blocks of pixels where it can skip over. JPEG images are better suited for photographic quality images with a lot of detail. JPEG doesn't support animation or transparency. Similarly, when you're dealing with source images that have a lot of solid colors, sometimes JPEG compression artifacts can stand out more, and a GIF would probably be a more suitable format. GIF files can get really large if you try to convert a photographic image with a lot of detail and gradations in it, the more you try to reduce the colors in them the choppier and more posterized the image will become. JPEG generally gets lower file sizes, but you can see compression artifacts at smaller sizes.

  3. #3
    Member
    Join Date
    Feb 2013
    Posts
    80
    You should also checkout the PNG format, it's used a lot as a format for pictures to have on your website. It can have transparency too and it can take less space than a gif, but of course, it doesn't have animations.
    Regarding gif's, the big advantage is really animations, if it's just a image, i'd go PNG, or maybe jpg if it's a big one.

  4. #4
    Senior Member
    Join Date
    Feb 2013
    Posts
    310
    True, PNG is probably the most flexible of the three since it has the color depth of a JPEG but also alpha transparency - as opposed to GIF which has transparency, but with rough jagged edges, and it can only do 100% transparency. Honestly, I seldom see animated GIFs used at all these days, so I wouldn't really worry about those. You could just as easily create an HTML5 animation with some PNG files and pull off a similar effect - and possibly a smaller file size too since it's only loading each image component once, rather than a file that contains a bunch of separate frames as with a GIF.

  5. #5
    Member
    Join Date
    Feb 2013
    Posts
    80
    Yeah that's a nice method.
    Yet many people prefer to just create the gif with some gif editor/creator, instead of coding it by themselves with scripts.

  6. #6
    Member
    Join Date
    Feb 2013
    Location
    Los Angeles, CA
    Posts
    30
    I tend to use JPEGs when I am adding a photograph to my website such as landscape or the inside of a restaurant. Other than that I use PNG mainly because of its transparency ability. There is nothing worse than a picture with a white background placed on a website with a non-white background. I cant say that I have used GIF much as I do not usually use images with animation.

  7. #7
    Member
    Join Date
    Mar 2013
    Posts
    43

    Re: Difference Between Jpg and Gif

    I can honestly say that I use PNG's for almost everything, GIF's in my opinion are only for animated graphics and should be used for nothing other than that.

  8. #8
    Member
    Join Date
    Mar 2013
    Posts
    64
    In simple words, I will say, GIF files will give you a small resolution, sometimes, animation also.
    Whereas, JPGs are designed to give you better quality with high resolution.
    Most of the wallpapers that you set on your desktop, are of jpg format.

  9. #9
    Senior Member
    Join Date
    Feb 2013
    Posts
    310
    One thing to keep in mind though when working with PNG files, is that older versions of Internet Explorer have issues with handling the alpha transparency and opacity of them. In some cases they will either ignore the transparency info all together or make it a really harsh transition such as a GIF. There are some extra steps you need to take to work around this. You can read more about it here: Solving IE7 & IE8 PNG Opacity Problems

  10. #10
    Junior Member
    Join Date
    Jul 2013
    Posts
    19

    Re: Difference Between Jpg and Gif

    JPEG is used for photos, while GIF is better used with logos, graphics and cartoons.

    When GIF is used with photos, the file (photos) are not as compressed as if JPEG were used.

    When JPEG is used with logos, graphics and cartoons the file is not as compressed as with GIF.

  11. #11
    Senior Member
    Join Date
    Aug 2013
    Posts
    200

    Re: Difference Between Jpg and Gif

    The jpg is a join picture image which are make with combined millions of pixels on it and gif in an image which is movable image.....This is a basic difference of JPG and GIF..

  12. #12
    Senior Member
    Join Date
    Feb 2013
    Posts
    123

    Re: Difference Between Jpg and Gif

    Quote Originally Posted by BlackCobra View Post
    I can honestly say that I use PNG's for almost everything, GIF's in my opinion are only for animated graphics and should be used for nothing other than that.
    I have to agree with this only to a certain degree. PNGs are very good at preserving quality of an image and the alpha of an image, but that's pretty much all there is to PNG. GIF and JPG have the ability to have animated images, lower sized files with mediocre quality (when you really dont NEED quality at a certain scale, say a 16x16 icon), and less file size = speeder loading time.

  13. #13
    Senior Member
    Join Date
    Jun 2013
    Posts
    204

    Re: Difference Between Jpg and Gif

    JPG is a still picture, and a type of picture format. JPG is mostly better for photography. PNG's are also similar to JPG since they both represent still pictures. GIF is a movable image. Gifs are usually very small, but they loop a certain video for a certain amount of seconds.

  14. #14
    Junior Member
    Join Date
    Aug 2013
    Posts
    28
    Jpg stands for Joint Photgraphic Expert Group.jpeg files used on the web. these images are very small in size, but they looks very beautiful.Jpeg supports up to 16.7 million colors,which makes the right choice for complex images and photographs.
    Gif, ( Graphic Interchange format) is also a older filetype like jpg. It generally associated with the internet as opposed to photography and the employs the lowless LZW compression that TIFF used.

  15. #15
    Senior Member
    Join Date
    Feb 2013
    Posts
    310
    There is an interesting technique being used now with Jpegs in response to the need for higher resolution images for high resolution displays. Whereas some webmasters are simply double serving higher resolution copies to detected devices, or worse yet higher resolution copies to everyone and just using HTML/CSS to shrink the display of them down for lower resolution devices - someone realized a clever way to have sharp images and lower file sizes than their original resolution counterparts.

    What they are doing is making the images way larger, even than what they would need for the hi-res displays. Then they are compressing them very heavily, like as low as 20%-30% quality. Apparently the compression has more of an impact than the image size, which keeps the overall file size down. However the large file size hides the compression artifacts and makes the images look sharper.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. What is the difference between SEO and SEM?
    By shepherd in forum Search Engine Optimization (SEO)
    Replies: 24
    Last Post: 03-29-2018, 05:29 AM
  2. What is difference b/w SEO and SMO.??????
    By Prince25 in forum Social Media & Bookmarking Forums
    Replies: 22
    Last Post: 06-18-2016, 02:13 AM
  3. What Is The Difference Between Onsite And Offsite SEO
    By fodoilim in forum Search Engine Optimization (SEO)
    Replies: 39
    Last Post: 12-29-2015, 11:47 PM
  4. Amazon.in vs Junglee-What The Difference
    By chismore in forum Amazon
    Replies: 1
    Last Post: 08-25-2013, 09:46 AM
  5. Difference Between PHP 5.3 And 5.4
    By jeffking in forum PHP
    Replies: 1
    Last Post: 02-28-2013, 08:19 AM

Bookmarks

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213