Skip to main content
K
KRISTIAN24454203r0hf
Known Participant
October 9, 2024
Question

Panoramic photos shown too small on my Adobe portfolio site

  • October 9, 2024
  • 1 reply
  • 367 views

Hello,

 

I am building my new Adobe portfolio site, based on "Rose" template and have an issue with panoramic photos being shown too small on the live site. I save all my photos, no matter of the aspect ratio with height of 1200 px. I use the Grid view to show photos on the different pages of my site and on one and the same page I have different aspect photos - 1:1, 3:2 and 16:9, all of them saved with 1200 px height. The issue is that the 1:1 and 3:2 photos are shown at 100% zoom on the live site and when you browse through them, the height of the photos doesn't change visually - only the width - just exactly how it should be. But when I come to the 16:9 photo, it is shown not at 100% and its height is smaller than that of the 1:1 and 3:2 photos. There is enough space though on the right and the left side for the 16:9 photo to be shown correctly at 100%, so the resizing is not necessarry. This is even more pronounced on a 4k monitor, where there are huge white spaces around all four sides of the 16:9 photo, and still it is shown shorter than 16:9 photos and not at 100% size. Is there an option to change that behaviour? I know that if I upload a larger version of the panoramic photo, it might look better, but it would be a work of guessing how large it should be, to still appear with the same height as other aspect photos, and also I don't want to upload too large reolustion photos in order to avoid unaothorized usage. Strangely, the issue is present only on the live site, while during editting of the portfolio the panoramic photos are shown exactly as I want them to be - there is a discrepancy between how the live site looks and what you see during editting.

This topic has been closed for replies.

1 reply

K
KRISTIAN24454203r0hfAuthor
Known Participant
October 9, 2024

After inspecting the HTML code, generated by the site, I see the following for the 16:9 photo, when looked on a 4K display:

<img src="https://cdn.myportfolio.com/cd1b9717-fb8d-4e14-a8e8-f242a721a242/21405713-be7c-41ac-9bb5-2148ffda07bf_rw_1920.png?h=b49d0df89c42bfcac2eaefcf57a17c7e" srcset="https://cdn.myportfolio.com/cd1b9717-fb8d-4e14-a8e8-f242a721a242/21405713-be7c-41ac-9bb5-2148ffda07bf_rw_600.png?h=86148afa120946e08960e09174a2a0d7 600w,https://cdn.myportfolio.com/cd1b9717-fb8d-4e14-a8e8-f242a721a242/21405713-be7c-41ac-9bb5-2148ffda07bf_rw_1200.png?h=c0ea9031d998b7a229b98df45d9219f1 1200w,https://cdn.myportfolio.com/cd1b9717-fb8d-4e14-a8e8-f242a721a242/21405713-be7c-41ac-9bb5-2148ffda07bf_rw_1920.png?h=b49d0df89c42bfcac2eaefcf57a17c7e 1920w," alt="Grey Voice III" sizes="(max-width: 1920px) 100vw, 1920px">

 

So even the largest size from the different image versions, generated for different devices, is 1920 px wide, which makes 969 px height - seems that the original image, which I have uploaded, is not kept on the server in the original size anymore, but instead the largest size available is now 969 px tall, instead of 1200 px tall. This is confirmed also when I view the image on the 4K display, made a screenshot and inspected the size of the displayed image - it was exactly 1920x969 px. So the issue seems to be in how the portfolio generates the different sizes for the image to be reponsive - it needs to keep also the original size, which it doesn't do currently. The question is - how to configure it to keep also the original size?

K
KRISTIAN24454203r0hfAuthor
Known Participant
October 10, 2024

So after seeing the article below and the above code I am almost 100% sure now how it works.

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

 

It takes the image you upload and depending how wide it is, it generates up to four images with the followin different widths: 600 px, 1200 px, 1920 px and 3840 px. Then the one fitting best the client viewport is shown. The thing is that I have uploaded a photo which is less than 3840 px wide, that's why I have only the first three widths and 1920 px version is shown always. If I need to have it larger, I must upload a 3840 px wide version, which I am hesitant to do having in mind modern AI upscaling tools can easily generate quite big printable image from that size. So I have to live with uploading panoramic images at 1920 px width. It would be nice though if a change is made and allows also the original resolution and width of the image to be also kept and used, if fit best the client viewport.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices