There is a clear difference between Web Design and Graphic Design, designing for web and print are two experiences. It is good to understand that web and print share many skills and similarities, but they are both different, list of things to look at from print design to web design:
Resolution is the quality of an image. It’s measured in terms of pixels. If you see an image listed as “72 ppi”, that means the image is suitable for web based platforms as these are viewed on screen and they should be no larger then 72 ppi. Larger images for example are dpi, these are higher resolution which hold more detail, 300dpi is Print standard, sometimes 150 is acceptable but never lower, you may go higher for some situations, depending on the complexity of the print canvas.
DPI: Dot’s per inch. The number of dots in a printed inch. The more dot’s the higher the quality of the print (more sharpness and detail).
PPI: Pixels per inch. Most commonly used to describe the pixel density of a screen (computer monitor, smart phone, etc…) but can also refer to the pixel density of a digital image.
JPEG stands for Joint Photographers Experts Group. It’s a great format that retains color and detail found in photographs and graphics with lots of colour blends. JPEGs can display millions of colours so it’s ideal for print work. GIF stands for Graphics Interchange Format. Most web pages use this format because it’s supported by all web browsers, can display up to 256 colours, and can include transparent backgrounds. GIFS are appropriate for image files with little colour variation, and for images that will only be viewed on screen.