Shop Mobile More Submit  Join Login
Artist File Type Export Guide by fox-orian Artist File Type Export Guide by fox-orian
EDIT: Oh nooooooooooooooo a DD. [Not to sound ungrateful, I mean it's a honorable gesture, and I understand how this tutorial is relevant to deviantart users,] but AUUUGH I HAVE WAAAY more important tutorials in my gallery that benefit the abilities of artists XD. How about Perspective & Composition Part 1 or 2? [link] / [link] ?
FFFFFFFffffffffffffffffffffffff -- I think I need to start adding a "DO NOT DD THIS" tag to some of my quickies like this because it's what seems to get featured lately XD Now I gotta wait another 2 or 3 months for another chance :(
Thanks for now, anyway.

IN THE MEANTIME please check out these:



ORIGINAL: The filetypes listed in this tutorial are intended for ARTISTS looking for the best method to export their work to the web, and beginners who want to know the best formats to use among the MANY that Photoshop supports. Thus, only a basic [and very necessary] 4 or 5 formats are discussed, instead of going over EVERY single type, which would possibly just confuse some readers more.

I wrote this tutorial based on my own observations of using photoshop for 10+ years, and exporting work during this entire time. I understand not everyone uses these file types, and you may want to be vocal about the format YOU like to use, but you can't deny that these types are worth talking about to a person who knows NOTHING about them. Better to be informed than not!

Supplemental image: [link]
A comprehensive layout of every JPG quality setting, and it's effects on a single image.


I see a lot of people save images as the wrong format, or with bad settings applied to them.
I'm here to help some of you who may have wondered what file formats you should be using understand which ones you SHOULD be using.
Add a Comment:
 

Daily Deviation

Given 2011-02-08
Artist File Type Export Guide by `fox-orian -- Suggester's words: An amazing resource that everyone should check. ( Suggested by JesusFC and Featured by FantasyStock )
:iconautumns-muse:
Autumns-Muse Featured By Owner Aug 27, 2014  Hobbyist Digital Artist
I already knew most of this, having taken a graphic design course in high school, but some of it they did not teach. Very informative, and regardless of it being a "quickie", it is a DD well deserved :nod:
Reply
:icongreatmasterofchibis:
GreatMasterofChibis Featured By Owner Jun 24, 2014  Hobbyist General Artist
Thank you. 
You are awesome. 
Truly Awesome. 
Reply
:iconapiffyknee:
apiffyknee Featured By Owner Sep 30, 2012   Digital Artist
Very detailed and helpful, thanks!

I've been using Photoshop for a while now, but even now there's been a little confusion over what file types to use for what. I love how this tutorial explains everything!
Reply
:iconhaimokochan:
haimokochan Featured By Owner Aug 23, 2012  Student General Artist
Thanks! This is a great explanation of the different file types! :)
Reply
:iconeriadnatearo:
eriadnatearo Featured By Owner Aug 2, 2012  Student
gracias !! aprendo más leyendo tus tutoriales que llendo a la escuela!!
Reply
:iconbishiro:
Bishiro Featured By Owner May 10, 2012  Student Digital Artist
I finally found someone who can explain it to me xD
Reply
:iconlenivaya:
Lenivaya Featured By Owner Apr 2, 2012  Hobbyist
Thank you, I feel much smarter now! :)
Reply
:icongodeyes:
godeyes Featured By Owner Mar 12, 2012  Hobbyist General Artist
SHIT I SAVED IT IN THE WRONG FAVS FOLDER
Reply
:iconagamarlon:
agamarlon Featured By Owner Mar 9, 2012  Student
Wish I had found this sooner...
Reply
:iconanimedraw12345:
Animedraw12345 Featured By Owner Jan 13, 2012  Hobbyist General Artist
This was helpful I didn't know what even one of them was before I read this.
Reply
:iconkamui85:
Kamui85 Featured By Owner Dec 10, 2011
This was really helpful, thanks.
Reply
:iconfyuvix:
Fyuvix Featured By Owner Nov 1, 2011  Professional Digital Artist
I totally know what you mean about the DD's. I got a DD on a crappy old tutorial of mine, while I had extensive flash-based tutorials that seemed far more applicable, however in your case, I can see why this got a DD before your perspective ones. While the perspective ones were well done, the information can be found in any perspective textbook or beginner's drawing book (I don't mean that in an offensive way, hopefully you understand what I mean) whereas something like THIS is so hard to come by anywhere!

This is that sorta thing you learn in school, or on the web, where people say "save JPGs for photos/colorful images, save PNGs for web." but no one ever says why or breaks it down like this. Prior to this, I was really confused as to why I would try to save my webcomic pages as a PNG only to find that a compressed JPG was better quality AND smaller filesize. I guess what it came down to was the fact that I used a lot of gradients in my webcomic, does that sound about right?

So am I to assume, that say, a cel-shaded pic like this [link] should be saved as PNG24, whereas a gradient image like this [link] should be saved as a JPG (for web, that is)? Because that was something I struggled with, when trying to get my webcomic pages to the smallest size for web, while still maintaining the quality.
Reply
:iconusayfudo:
UsayFudo Featured By Owner Oct 24, 2011  Student General Artist
Thanks for the awesome tips :D
Reply
:iconprincesse-de-la-lune:
you're a friggin genius. I'm serious. Thank you so much for making this kind of tutorials :worship:
Reply
:iconkhima-inez:
Khima-Inez Featured By Owner Jul 1, 2011   General Artist
Thanks! Again a well deserved DD!
Reply
:iconhyroar:
Hyroar Featured By Owner Jun 29, 2011  Hobbyist
Yes I actually learned a bit more! :) Interesting and good to know! thx for that.
Reply
:iconilovejesus7390:
IloveJesus7390 Featured By Owner Jun 23, 2011  Student General Artist
Why couldn't I have found this earlier today? Thank you so very much. [:
Reply
:iconafidork:
afidork Featured By Owner Jun 4, 2011  Student General Artist
where was this 3 years ago? Its still an amazing reference sheet <3
Reply
:iconspookyrach:
spookyrach Featured By Owner Apr 29, 2011  Hobbyist Photographer
Extremely helpful! Thank you, thank you, thank you!
Reply
:iconscridder:
Scridder Featured By Owner Apr 10, 2011
I think this is helpful, it's something that is not explained to well by friends or even books that I have bought.
Reply
:iconlammebill:
Lammebill Featured By Owner Apr 10, 2011  Hobbyist Digital Artist
Thank you I have had all kind of problems with my artworks' quality this will hopefully help me!
Reply
:icondadder:
dadder Featured By Owner Mar 10, 2011  Student Traditional Artist
it IS a very useful tutorial, I will use it as an educational piece for clients ... thanks
Reply
:iconfantasystock:
FantasyStock Featured By Owner Mar 8, 2011
Congratulations on your Daily Deviation!! :+fav: This resource has been featured in my latest news article: February 2011 Resources DDs
Reply
:iconjapanass:
japanass Featured By Owner Mar 8, 2011
thx a lot for the work and the upload
Reply
:iconcentric-prometheus:
centric-prometheus Featured By Owner Feb 22, 2011  Hobbyist General Artist
Wow, super useful.
Reply
:iconkafinate:
kafinate Featured By Owner Feb 19, 2011  Student Digital Artist
Before I read this for the first time a while back, though I knew which file type to use for a few things, I never knew why.This tutorial was very educational! <3
Reply
:iconbtdubbs:
BTDubbs Featured By Owner Feb 16, 2011  Hobbyist Photographer
This is a welcome reference. Thank you!
Reply
:iconmariafox:
mariafox Featured By Owner Feb 14, 2011
oh god i love your tutorials

the background is settle and doesn't make my eyes bleed c:
Reply
:iconarphaus:
arphaus Featured By Owner Feb 12, 2011  Hobbyist General Artist
Thank you AGAIN :)
Reply
:icontherealpadster:
theRealPadster Featured By Owner Feb 9, 2011  Hobbyist Interface Designer
Cool idea :)
But what about XCF? or TGA?
Reply
:iconthe-shmooze:
The-Shmooze Featured By Owner Feb 9, 2011
You, good sir, rock for making this. I've been doing a bit of research on this lately, and couldn't really get a straight answer about the differences. So, thanks for making this tutorial, and keep up the good work!
Reply
:iconyuzurukun:
YuzuruKuN Featured By Owner Feb 9, 2011  Hobbyist General Artist
AWWW thanks for sharing :la: and congrats for a DD :hug:
Reply
:iconthandav:
thandav Featured By Owner Feb 8, 2011  Professional General Artist
interesting
Reply
:iconmono22chrome:
mono22chrome Featured By Owner Feb 8, 2011  Hobbyist Digital Artist
Very nice! it helped me alot.
Reply
:iconthegreenfield:
TheGreenField Featured By Owner Feb 8, 2011
Very enlightening and helpful! Thank you.
Reply
:iconcaitieberry:
CaitieBerry Featured By Owner Feb 8, 2011
A very useful tutorial, especially for artists just starting out. By trial and error, I came to roughly the same conclusions you did about what format to save a work in; however, this could have saved me a lot of time, lol. However, I do disagree with you in one thing -- the .gif format. While I will agree that .png is superior to .gif in almost every way, there's something that .gif supports that .png does not -- animation. So when doing anything animated, an artist is almost forced to use the .gif format. It's not obsolete yet, lol. But I agree, for static images, .png should always be used over .gif.
Reply
:iconsgttanner:
SgtTanner Featured By Owner Feb 8, 2011  Hobbyist Digital Artist
This definitly deserves the daily deviation you got.
Reply
:iconmushed-potatoes:
mushed-potatoes Featured By Owner Feb 8, 2011  Student Digital Artist
I've been trying to explain this to my high school art teacher for forever... And all my art class would say is, "Jpeg artifact sounds like part of an exciting adventure!"
Reply
:iconlocalized:
Localized Featured By Owner Feb 8, 2011  Hobbyist Digital Artist
Its a conspiracy. DA is making sure to give you all the DDs to things you don't want them on just to annoy you.
Reply
:iconyuki-mekishiko:
yuki-mekishiko Featured By Owner Feb 8, 2011  Student General Artist
isn't one of those perspective and composition guides DD'ed (I just created a verb yay!! xD) I think that's how I found your account
Reply
:iconsakkysa:
sakkysa Featured By Owner Feb 8, 2011  Hobbyist Traditional Artist
I'm glad you were featured so we could find this -- and all your other great tutorials! :w00t!:
Reply
:iconsteppingskyward:
steppingskyward Featured By Owner Feb 8, 2011  Hobbyist Traditional Artist
CAN I JUST SAY I LOVE YOU?!
i've always had a hard time figuring out what to save things as in the rare event that i had to actually save something (not to mention used the wrong "when in doubt" thing...eheheh....) and....this helps.
tremendously.
:worship:
and just for you i will go and look at your more DD-worthy tutorials n.n
Reply
:iconrangyrougee:
RangyRougee Featured By Owner Feb 8, 2011  Professional General Artist
You are an EXCELENT teacher! I was mesmerized reading all of this, and I alreaddy knew all of this! It was just so good to read!
My respects to you! :D
Reply
:iconjcroxas:
jcroxas Featured By Owner Feb 8, 2011  Professional Digital Artist
"but AUUUGH I HAVE WAAAY more important tutorials in my gallery that benefit the abilities of artists XD"

dont worry. this is actually a great tutorial that tells us more about the basics. and it will be really a great one that we know the basics first before we move to another level like the perspective drawing :)
Reply
:iconblasianonna:
blasianonna Featured By Owner Feb 8, 2011  Hobbyist Digital Artist
Very useful! Congrats on the DD!
Reply
:iconkingofmoebius:
KingofMoebius Featured By Owner Feb 8, 2011
Thank you. This answered almost all the questions I had about PNG and JPEG and now I know what to save my works as from now on :)
Reply
:iconchlorinesea:
chlorinesea Featured By Owner Feb 8, 2011  Professional Digital Artist
I might be weird here, but I always check the galleries of the DDs I click on. IMO, it's rarely the piece I like that got the DD. :) Your perspective work is excellent and that's what gets you a watch. Don't sell yourself short, though... a lot of people don't understand these concepts, and you put it together in a very understandable way.
Reply
:iconranya-ni:
Ranya-Ni Featured By Owner Feb 8, 2011  Hobbyist Digital Artist
How helpful! Thank you!
Reply
:iconnekomukuro:
nekomukuro Featured By Owner Feb 8, 2011  Hobbyist Digital Artist
Good tutorial :)
Although, technically, PNG-8 supporting only binary transparency is a misconception. PNG-8 is supposed to support partial transparency, the real problem is that most image EDITORS don't support it, and that's why most people believe PNG doesn't support it when it actually does. You can see an example of a PNG-8 with partial transparency here -> [link]
The lack of support of this thing is a shame... :no:

And about animation, there's APNG, though browser support to it is still pretty poor, but it already works in Firefox and Opera I think. Check this -> [link]
The best thing about it is that it allows non-paletted animations :3
Reply
:iconsanis-chan:
Sanis-chan Featured By Owner Feb 8, 2011  Student Traditional Artist
I guess I already knew TIFF was my fav, followed by PNG-24. But if I'm going to have to consider file size I'll definitely take a second look at this very informative piece.

On another note:
TIFF is apparently also used a lot in the game-industry, for it pretty much is the only extension we ever use for texturing.
Reply
Add a Comment:
 
×




Details

Submitted on
March 10, 2010
Image Size
3.1 MB
Resolution
1024×13445
Link
Thumb
Embed

Stats

Views
55,190 (4 today)
Favourites
2,519 (who?)
Comments
220
×