Known Participant

Answered

Adobe Portfolio: How to optimize cover images for faster loading?

Forum|Forum|6 years ago
March 11, 2019
5 replies
15451 views

Hey folks,

I am working on a portfolio website, and I'd like the cover photos to be on the big side so they grab attention immediately. When I load my web page, they take a second or two longer than I think is appropriate in the web world today. How can I optimize the cover images on my website for each project so that they load as quick as can be, without sacrificing the quality of the image as it is now?

To give you a glimpse at my website, here is the link: [removed by moderator]

This topic has been closed for replies.

Correct answer Ned Murphy

You need to optimize images if you want them to load quickly. That entail diminishing the quality to some extent in order to reduce the file size. If you use Photoshop then try the save for web option, which allows you to check various levels of image optimization so you can pick one that remains acceptable in terms of visual quality but still gives you a more reasonable image file size.

M

Muhammad283719571rvm

Participant

Hi,

If you want your photographs to load quickly, you need to optimize them. That would mean somewhat lowering the quality in order to make the file smaller. Try the save for web option in Photoshop if you want to check several levels of image optimization and choose one that maintains acceptable visual quality while also giving you a more manageable image file size.

chanders59074988

Community Manager

Hi nathane49939165,

If you need further assistance, you may also raise a ticket directly with the Portfolio team here- https://help.myportfolio.com/hc/en-us/requests/new?ticket_form_id=177168

Regards,

Chandni

Nancy OShea

Community Expert

I'm not sure which moderator thought it necessary to remove your URL. It's obviously not spam because you're asking about Adobe Portfolio.

Google Page Speed Insights will give you some suggestions on improving performance.

https://developers.google.com/speed/pagespeed/insights/

Optimizing images is numero uno because you don't have access to Portfolio's code or servers.

I don't mean to offend Ned Murphy but Legacy Save for Web in Photoshop CC is woefully outdated and should not be used anymore. I really do prefer the saving options in File > Export > Export As. See screenshots.

I like to keep my project cover images around 100 KB each to reduce page load. In my example above the total pixels are 810,000. For this reason, even at 20% Quality, the image is not diminished by much.

Options for saving Metadata and Color Space are further down the same panel.

Nancy O'Shea— Product User & Community Expert

Overground555Author

Known Participant

Thanks for the help, I will try this out and see if I can bring about the result I am looking for!

David__B

Adobe Employee

This article may be helpful too https://help.myportfolio.com/hc/en-us/articles/219536868-What-size-images-should-I-upload-

Ned MurphyCorrect answer

Legend

You need to optimize images if you want them to load quickly. That entail diminishing the quality to some extent in order to reduce the file size. If you use Photoshop then try the save for web option, which allows you to check various levels of image optimization so you can pick one that remains acceptable in terms of visual quality but still gives you a more reasonable image file size.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded