mniip
345266
6299
75
Oct 2, 2014 10:15 AM
mniip
345266
6299
75
lynnefhyn
Bitmap is exact data, but not compressed, png is also lossless, but compressed and much smaller, making it better in everything.
turing42
DO NOT use red and green to distinguish stuff. /Colorblind
AnExtremelyNiceGuy
WebM ftw.
cousteau
Meh, Firefox's supported animated PNGs for ages and other browsers have been just too lazy to implement that.
Tambre14
www.needsmorejpeg.com
prattleassassin
http://needsmorejpeg.com/i/brrk.jpeg
Blastergv9
I save files as jpegs all the time in paint when i need to reduce file size. The image quality is actually a lot better than portrayed here
RockyKev
This is what I teach people. JPEG for photos. PNG for text. GIF for animated boobs.
mockwerks
I do what I want. http://imgur.com/pAmkEoj
JeppeIsMe
lordfwahfnah
Relevant: https://www.youtube.com/watch?v=ZXVhOPiM4mk
handsMoleman
Pffff "do not use it for text" ... If you keep the quality setting on high or very high it's absolutely fine
Harmonex
With a bloated filesize.
AnotherImgurianEnglishman
JPEG for photography, PNG for everything else, simple as that.
CeruleanK
Also, learn to recognize jpeg artifacts so that when you see a photo of a sign you don't say "I see PIXELS, therefore this is shopped."
cikamatko
As a graphic designer, +1
marquerite
Same here :)
Nathanfake
+1 for DiCaprio?
JonesEnemaBagJones
I'd like to forward this to my boss, but Dickbutt.
TheRosspot
I swear 95% of people on here claim to be graphic designers lol.
faiora
I believe it. Graphic designers spend like 95% of their time browsing the web, so it makes sense for them to find their way here.
weshouldbefriends
As an ex graphic designer who works with graphic designers, I can vouch this is true.
deftly
"Can you email me a copy of your logo in a vector, like a .pdf?" *receives .pdf, embedded .jpg*
JerkStoreCalling
"But I saved it as a .pdf, what's the problem?"
cikamatko
http://www.moja-edukacija.com/slike/ustanove/185-logotip-centar-za-edukaciju-i-savjetovanje-sunce.gif
cikamatko
this is what I got, only in jpeg.
TheRosspot
I'm a printer and when we get customers like that we invoke the "shit in, shit out" rule.
TheRosspot
I should clarify that I work as a printer. I'm not an Epson stylus or anything.
BinToss
Which company were you made by? Canon? Xerox?
WeNamedTheDogIndiana
Every. Single. Time.
deftly
"Can I get your logo?" Goddamn .docx file.
deftly
I've recreated so many logos from just pure shit. Seriously considering starting a business just doing that since I'm a master now.
WeNamedTheDogIndiana
I know that feel
pigeonheart
As someone doing art production intended for print, my initial reaction was "when to use one: never, when to not use one: always."
greensneik
+1 for dickbutt.
thegriffin88
My rule is jpeg for photos, png for my digital art.
JaXm
Is it ironic that the .jpeg quality image is, in fact, a .gif?
IDoNotHaveACreativeUsername
As a not-graphic designer, +1
Pizzzzzza
+1 for the human race
gewalt
ITS PRONOUNCED GEE PEG, JUST ASK THE GUY THAT INVENTED GIF
ketochris
Nope. It will always be GIF, not JIF to me.
cousteau
NO IT ISNT ITS PRONOUNGKRHIAFJGSOKOFKJIEWUIAJFKLVGKLHKAOJKOAWEAAARRGGGHHH
myotherusernameismyotherusername
And Pee Ehn Guy (french pronunciation). (It's actually pronounced ping.)
Istolethetoaster
Great, now we're going to get a bunch of screen shots of jpegs converted to pngs.
cousteau
That'll take a bit longer to load but at least will give use better quality images :) It works, it's science.
Daktyl
But... that would reduce the quality :( Going from lossy format to another lossy format. You can't regain lost information :((
mrnutt
Next step, using APNG instead of GIFs!
skokosaurus
Yes now I do!
Abekrampe
EnjoyablePerson
https://www.youtube.com/watch?v=QEzhxP-pdos
rantcliff
I finally get this. I know not proud
JiggyS4w
Am I the only one that notices the high quality DiCaprio image, supposedly fucked up when converted to jpeg, is also a jpeg?
morithum
Jpegception
Harmonex
That was the whole point. Quality went from high to low to show what happens.
Dreadmoth
It gets messed up when saved as a low-quality jpeg (50% down to 1% in the gif). The high quality image is a 91% quality jpeg, which works...
Dreadmoth
...pretty well for reducing the filesize of photos without losing too much detail.
NoItsACardiganButThanksForNoticing
@usepngnotjpeg
UsePNGnotJPEG
Thank you, I would have missed this otherwise :)
myotherusernameismyotherusername
Personally, I prefer PNG for everything unless size is an issue, but this being 2014 I think we can all afford to use 5-6MB images.
myrrlyn
Deliver jpg thumbnails by default and serve png originals asynchronously later.
nation543
i predict in 2084, average image size will be 200mb
jitspoe
Mobile users hate him!
CyberAkuma
Being vector based, PNGs are perfect for images with just lines and geometric shapes, perfect quality and low filesize. Just don't use (1/2)
CyberAkuma
them for photos, that's the exact opposite they were designed for. Great for GUI screenshots, diagrams, and simple designs though. (2/2)
BinToss
My 400MB signature disagrees.
pintDMG
PNG is not vector based, it's a bitmap. Just like GIF and (unsurprisingly) BMP.
ThisIsThePlaceWhereIBelong
My thoughts.
raindirve
Tell that to my mobile internet, some pages take ages to load because they have huge images on the desktop site and no mobile version...
VodkaReindeer
It's fine, just get 4G.
shadowex3
then turn up compression JUST a little bit and you still get better results
myotherusernameismyotherusername
Yeah, that sucks. I meant more for personal use, or in situations where it's necessary. Few things anger me as much as screenshots of 1/2
myotherusernameismyotherusername
a game supposed to showcase the graphical fidelity, in crystal-clear 75% compression jay peg.
ToastyMozart
It's like all those graphics comparison videos on Youtube, their compression SUCKS (also, they're capped at 30Hz, so you can't get a good(1)
ToastyMozart
impression of how they look in motion) (2)
myotherusernameismyotherusername
They could covert a 60fps video to 30 and make it so it plays at regular speed when choosing 2x speed on the html5 player, but it 1/2
Griffy11
I made a world for a campaign using a fractal mapper. It was 200 mb as a png. Able to compress and keep good enough quality to 6 mb jpeg.
ThisIsNetsu
It really depends. On a website like imgur, every image being 5-6MB would completely shut it down due to OUTGOING bandwidth limitation.
jam6549
Just use https://tinypng.com/ to optimise and you'll see how much reduction in size you can get with little to no loss of quality
myotherusernameismyotherusername
Since it uses indexed colors, it's better suited for pictures, which can be saved as jpg anyway. For CG images, it doesn't work that well.
jam6549
meh, it works well for web based optimisation imo
lustre
Not so in emails I'm afraid :( As small as possible for our mobile friends ;D
privatedick
I compared them all in PowerPoint and .PNG was best, JPG was too noisy, and device-independent bitmap was very good with high compression
BillKerman
I design 8k+ textures for my upcoming mod for KSP and I must say that JPEGs suddenly become a whole lot more performance worthy.
chimera388
8K Kerbal textures? *came*. Skybox included?
BillKerman
/a/EjqP0
walterpeck
Using PNG for photographs is just jerking off. If your jpg has noticeable artifacts then use higher quality settings when creating them.
myotherusernameismyotherusername
Yeah, I meant for computer generated images.
walterpeck
Yes, if it's sooper graphix or text use a damn PNG to create the image.
jitspoe
The worst is scans. Like I need to see every fiber of the paper on your sketch in perfect clarity...
TimeFoDat
I love PNG too but I ran into problems doing Google Map Overlays. Extreme high res gives crazy file sizes and IE just gives up.
cousteau
For photos JPEG is a far better idea, specially with slow internets (or big photos; imagine 8 megapixels of barely compressed data!)
[deleted]
[deleted]
cyclegaz
http://shouldiuseacarousel.com
wartoaster
Once I learned that artifacts were something outside of Indiana Jones, I ditched M$ paint and jumped to GIMP and PNG for everything
myrrlyn
Paint.NET is my personal favorite. Gimp feels weird to me.
PleaseDontRespondToMySarcasticCommentsWithASeriousReply
I J-peg on the first date
AdorableEvil
You must like it rough around the edges.
Candymostdandy
Slut.
TimeFoDat
First half, +1, Last half, No way. Jpeg 80+ is just fine for any type of graphic. No reason to whip out PNG for small, flat graphics.
photog
Here is the png image saved at 100% quality jpeg.
Takes up more space but doesn't look any different.
BinToss
B-but...the transparency!
TimeFoDat
Okay, okay, I admit: PNG is the only option when you want any type of transparency. You can't beat 256 levels ... mmm that alpha channel!
trandyr
I would love to see similar explanations for gif, png, bmp, etc.
DardCholed
None of those do anything similar to what JPEG does. Usually the results are lossless, but worst case, they reduce the color pallette.
jsmunroe
Use PNG for everything. It is a lossless compression. That means when uncompressed it looks EXACTLY like the uncompressed bitmap.
theDemongod
TIFF too please
TheMineshaftGap
explanation.png
SvarvSven
The most easy rule is, always use png unless it's animated (most people don't have any of the 2 diff animated png versions) then use gif. :)
cousteau
SVG: ideal for graphs and charts; although it's not a raster (pixel-based) image format. You could zoom in infinitely without quality loss.
myrrlyn
It's also a pain in the ass to write. Source: I wrote my logo in SVG. Still can't defend that decision.
thebakerstreetirregular
gif explained https://www.youtube.com/watch?v=blSzwPcL5Dw
trandyr
You, sir, are my hero.
therealSKYKING
Png is virtually loss-less, best used on images with a lot of straight lines or solid colors. Extremely size-efficient when used right.
WardSharlow
PNG uses a series of chunks. The pixel values are in the IDAT chunk. It is compressed using inflate/deflate which is lossless.
privatedick
Also, PNG uses 8-bit transparency, that is, an entire channel with 256 levels of opacity data. JPG has none, GIF has binary transparency 1/2
privatedick
2/2 which means one color (out of the 256 available-GIF is 8-bit while Jpeg is 24-bit) is designated as 100% transparent wherever it appears
thegameball
You may have heard of MNG which was the original attempt at animated PNG, but now there is animated PNG called "animated PNG"
Krindi
Gif - only worthwhile for animated images, if it's not an animated image and not suitable for jpg, use png instead.
Krindi
Png - best for for small items, text (if html, text shouldn't be on the img, should be html markup), and when transparency is needed.
Krindi
Bmp - not really useful for anything. File size is too large and high quality settings on jpg will still be smaller while looking identical.
rantcliff
I need a link to further pictured examples please computer scientists
iBoughtThisUsernameOnEbay
don't forget about .tiff
i8br
i consider doing this
ExtraPotassium
Bitmap is exact data, but not compressed, png is also lossless, but compressed and much smaller, making it better in everything.
walterpeck
In short, gif was a smaller jpg, less quality, but animated gifs have kept it around. BMP was supplanted by PNG.
trandyr
I actually meant more of this sort of presentation. I found it interesting.
mniip
That's an amazing explanation that combines incorrectness and incompleteness in a well-balanced manner.
walterpeck
Well I did say "in short"
WhatzitTooya
Maybe, but it's almost completely false.
ZombieEinstein
Use PNG for when you shouldn't use JPG. Use TIFF for when you're somewhere between RAW, PSD and JPEG.
JesusHorsedickChrist
Bitmap is exact pixel data, sometimes using a color pallet to reduce the file size. PNG defines solid-color areas with math.
wam3483
1/2 Just an extra tidbit, the color pallet is called a lookup table. Each pixel will reference the table instead of holding a color. This
wam3483
2/2 saves memory as instead of storing say, 4 bytes for each pixel, you can store 1 byte referencing the correct 4 bytes in the table.
cousteau
GIF: don't use it for anything except animations. BMP: don't use it ever; use PNG instead. PNG: use it for charts but not for photos.
kerms
GIF works really well with still line-art, too.
workundone
PNG is good for that
MarzEz
^ This is the most accurate answer I have found.
lilmonstercc
So what should I use for photos?
cousteau
JPEG.
cousteau
Well, if you're editing a photo maybe you want to temporarily save it in a lossless format such as PNG or photoshop/gimp; otherwise JPEG.
workundone
JPEG
lilmonstercc
but jpeg bad
workundone
JPEG good. High compression bad
AskingTheRealQuestions
GIF? Really? Isn't that one self explanatory?
MareqBassMan
Etc. is short for et cetera, a Latin expression meaning "and other things" or "and so on". Yes, I am really funny ;)
SolHSA
etc is also ericsson texture compression, a texture compression scheme that's part of OpenGL ES.
zstorm6
"It means "and the rest"" -Anna Leonowens, King and I
trandyr
Yes, as in: "I would love to see similar explanations for gif, png, bmp, and other imagey things."
CptTeaBeard
Oh, he knows ;)
trandyr
...I just saw what he did there. >.>
ExperimentKraj
Yeeeeeup.
efemral
Dad?
MasterOfEntropy
you win.
santajaws
I really like this comment.
jonathncrane
Latin is fun