• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
5

Is there a specific image size for adobe portfolio?

Community Beginner ,
Aug 07, 2022 Aug 07, 2022

Copy link to clipboard

Copied

Hello, I don't know where to ask this. I want to make an artist portfolio using Adobe Portfolio, it's very easy to use but I can't figure out what pixel size the images ought to be. 

For example, instagram asks for 1080x1080 pixel size for their images, easy peasy. I can't find the specific dimensions for Adobe Portfolio, I understand that it resizes and compresses accordingly (awesome) but it's still very vague.

Depending on the them I use, some images are cropped and fit awkwardly in their container, if I knew the exact dimensions needed I could stop that from happening, right? (I attached a screenshot showing what I mean).

 

Any help would be much appreciated. Thanks! 

TOPICS
Cloud storage web assets

Views

19.7K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 07, 2022 Aug 07, 2022

Copy link to clipboard

Copied

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 07, 2022 Aug 07, 2022

Copy link to clipboard

Copied

Thanks for responding. I had already looked at this before posting here but I'll try to be more specific.

-"we generate different versions of that image each with a different width. The height changes relative to the width to preserve the image's aspect ratio." I think this is great but it leaves me with a few questions. Is there a optimal standard image size for best size flexibility? What is the best width for this? Maybe I'm overthinking this part I don't know..

-Also, when using page covers, my images appear cropped. Even if the pixel dimensions for height and width are the same. What are my options for this issue? (I added a screenshot showing this on the portfolio editor). 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 07, 2022 Aug 07, 2022

Copy link to clipboard

Copied

In addition,

 

  • We recommend uploading images that are the size of the container they're filling, or at most 2x that dimension for Retina resolution.
  • We recommend uploading cover images that are below 1MB (file size).

https://help.myportfolio.com/hc/articles/360036870474-Website-Container-sizing

 

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Aug 08, 2022 Aug 08, 2022

Copy link to clipboard

Copied

Thank you Nancy.

When you say "We recommend uploading images that are the size of the container they're filling", what confuses me is that I don't know the size of the container, there doesn't seem to be an exact measurement dispalyed anywhere

So when I add an image to be used as cover for a page link, I have no way of knowing the correct measurements, I'm just guessing and changing the iamge size. 

For example, in my previous screenshot my image was 1080x1080px. The height was cropped on both ends within the container, so I changed the dimensions to 1200x1080, and fits alright. But again, I have no exact measurment of the container.  

I am using the Thomas theme. Also, when I say I "cover image" I don't mean a huge banner, just the smaller page links displayed on the main page.

I hope I am making sense and I appreciate your help!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 08, 2022 Aug 08, 2022

Copy link to clipboard

Copied

Responsive web design is based on %, not pixels.  And page size varies by Theme, options and margin settings.  So it's impossible to give you a one-size-fits all value. 

 

Look at other Portfolio sites with similar layout Theme and see what size images they're using.  In Firefox, go to Tools, Page Info, click on Media tab.

https://thomas.myportfolio.com/

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 07, 2022 Aug 07, 2022

Copy link to clipboard

Copied

Adobe Portfolio recommends using images that are no more than 3840px wide.  However, I use images that are far below that to keep the file size down.

https://help.myportfolio.com/hc/articles/360038360914-Formatting-Images

 

For best results, optimize images for the web beforehand in Photoshop.  Use File > Export > ExportAs > JPG.  To reduce file size and improve your site's performance,  adjust the image quality setting.  See screenshot. 

 

PS-export2x.jpg

 

Hope that helps.

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 13, 2023 Dec 13, 2023

Copy link to clipboard

Copied

LATEST

Hi, I think it's 900 x 769px. I was hitting the same problem for the dimensions of the cover image, and the crop didn't work with my images either which are 1280 x 769px. I tried 1000x 769px but didn't seem to make any change. So I tried 900 x 769px, fitted the image to the width and left a white border top and bottom. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines