Mobile app version of vmapp.org
Login or Join
Sent7350415

: Portfolio images size and format for my website I am busy designing portfolio boards for my new website. I am creating them in Ai, size 370x300px. I am putting the JPG or PNG images of the

@Sent7350415

Posted in: #AdobeIllustrator #Export #ImageFormat #ImageQuality #Images

I am busy designing portfolio boards for my new website. I am creating them in Ai, size 370x300px. I am putting the JPG or PNG images of the business cards, letterheads, ads etc onto the artboard then exporting them to screen x1 scale in PNG.

However, the quality is so bad you can't see anything.


What format should I have the images of the items (business cards, ads etc) in before I place them on the artboard i.e. PNG or JPG?
What format should I be exporting the whole completed portfolio artboard in once done i.e. JPG or PNG?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Sent7350415

1 Comments

Sorted by latest first Latest Oldest Best

 

@Si6392903

We live in a world where a Full HD screen is pretty common. This is 1920x1080px.

On a photo gallery, you can have 2 sizes of your images, a small one as a thumbnail and a higher resolution to see at "full size".

The small one depends on the website overall design. 370px width could mean that you can have a mosaic of 5 images. When you click on it, you can show an image of, let us say 1233x1000px width. The final size depends on the proportions of the original image.


PNG is used on flat images. Logos, diagrams.
JPG is used on photos.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme