Check out the sample website we built in this video here: davelaffan.myportfolio.com (if this link doesn't work click the one in the description). If you follow along and build your own site, share the URL in the comments, I'd love to see what you create 📸⌨💻📷
Been a while but I started building a site using Framer AI (and never finished 🙆🏻♂️) I had also looked at this Adobe offering previously but again never completed it ! I think both times I’ve over complicated it - looked at your finished site and need to aim for something along these lines.
Dave you absolute bloody legend! I was a ‘four corner’ customer, but there was no way I could justify the cost this year so binned the lot a little while ago (foolishly including the domain, hey ho). I had no idea this was a thing, so guess what I’ll be playing with to get set back up? I guess the best image format is going to be high quality jpeg to keep load times down? Mate, you’ve made my day with this video, thank you so much.
JPEG; under 20mb and no more than 3840px on the long edge will ensure the best possible rendering optimised for retina screens and Portfolio will render down for 1080-4k screens. That said, front page images should be much smaller ie less than 2mb in order to ensure good load time - you'll get pulvarised by the search engines if you over load the front page. All the images I've used on the sample site are 1920px or less on the long edge and there's nothing heavier than 5mb on there....my thumbnail or in-line images are even smaller 720px and less than 1mb. It's the weigh off between optimal image quality and load times, but that is the same across all websites
Brilliant, drop me a line back with the URL if you get around to it, I've seen a couple of your videos and would love to see your portfolio properly :)
Portfolio will render a maximum of 3840px on the long edge for retina displays so that is the maximum recommended resolution, the website will then downscale for screens below that capability. However, larger images will impact on the performance of your site so I would only ever upload at that size on background pages, never on the front pages - slower load times impact your search rankings and site reliability. 1920px on the long edge for full display gallery images (the examples in this video were that size or smaller) that can be clicked. Front page, blog posts or pages where images aren't set up to be clicked I upload no larger that 1080px long edge. In terms of file size a maximum of 20mb (preferably less) for full display images and for front page images less than 2mb. It's the weigh off between maximum presentation resolution and nobody ever seeing the images because they took too long to load.
Interesting stuff, Dave. One of the perks I get from my employer is the use of Adobe CC. I might have to investigate if I can use this for my own portfolio.
Hi Joel. That's a whole topic in itself. Portfolio will render a maximum of 3840px on the long edge on retina displays so that is the maximum recommended resolution, the website is optimised to downscale for screens below that capability so that is a safe bet for best display. That said, larger images will impact on the performance of your site so I would only ever upload at that size on background pages, never on the front pages - slower load times impact your search rankings and site reliability. For me, I tend to half that size so 1920px on the long edge for full display gallery images (the examples in this video were that size or smaller) that can be clicked to display full screen. For front end pages, blog posts or pages where images aren't set up to be clicked I upload no larger that 1080px long edge. Thumbnail images will be a long edge of 720px or less. In terms of file size a maximum of 20mb (preferably less) for full display images and for front page images less than 2mb. This isn't particularly Portfolio websites specific, it's general good website practice; the weigh off between maximum presentation resolution and somebody never actually seeing the images because they took too long to load.
JPEG; under 20mb and no more than 3840px on the long edge will ensure the best optimisation for retina screens. Portfolio will render down for 1080-4k screens. Front page images should be much smaller in terms of file size, less than 2mb, if you want to show up on search engines (your ranking will diminish if you over load the front page). Thumbnail or in-line images 720px long edge and less than 1mb. It's a weigh off between optimal image quality and load times, which is the same across all websites
@@LetsClickPhotography great thankyou so much, can you pls do a video on settings for exporting from Lightroom for different media (portfolio, instagram, Facebook etc) hthat would be amazing….
@@LetsClickPhotography great thankyou so much, can you pls do a video on settings for exporting from Lightroom for different media (portfolio, instagram, Facebook etc) hthat would be amazing….
JPEG; under 20mb and no more than 3840px on the long edge will ensure the best possible rendering optimised for retina screens and Portfolio will render down for 1080-4k screens. That said, front page images should be much smaller ie less than 2mb in order to ensure good load time - you'll get pulvarised by the search engines if you over load the front page. All the images I've used on the sample site are 1920px or less on the long edge and there's nothing heavier than 5mb on there....my thumbnail or in-line images are even smaller 720px and less than 1mb. It's the weigh off between optimal image quality and load times, but that is the same across all websites
Hey pal! I haven't had time to write a comment, just wanted to stop by and say great, informative video...as always. Hopefully we can set up a chat soon for July. Hope all is well mate. Come on England 🏴
Great video and instruction! I was able to build a portfolio in a relatively short time. However, I'm not too fond of the gallery placement on the Gallery page. When I built my first gallery, I thought it would show up first on the Gallery page but it got pushed to the last one after I loaded/built five galleries. I went into the Pages option on the left side of the screen where it shows the galleries and tried to click and drag to rearrange the order but that didn't work. Is there a secret you know of to do that?
Hi Andrea, hopefully the short video I uploaded to show you this has been sent to you but if you've not had the notification you can find it here: ua-cam.com/users/shortsWaKqazj7rTo?si=yzgU1944ODkpEkuq - hopefully it answers your question but let me know if I can be of any more help.
Check out the sample website we built in this video here: davelaffan.myportfolio.com (if this link doesn't work click the one in the description). If you follow along and build your own site, share the URL in the comments, I'd love to see what you create 📸⌨💻📷
Thank u so much for this tutorial, I was very lost making my portfolio. You gave me the answers I needed THANK U!!! 🙏🌟
Very clear! Thank you so much. Hi from Vancouver Canada.
Thanks Dave for the uncluttered, straight forward approach !
minus 40% 😁 but a token of my absolute appreciation for this information.
Thanks so much Martin, would love to see it once you have it up and running, so do send me the link :)
Been a while but I started building a site using Framer AI (and never finished 🙆🏻♂️) I had also looked at this Adobe offering previously but again never completed it ! I think both times I’ve over complicated it - looked at your finished site and need to aim for something along these lines.
I already have an Adobe portfolio but it sorely needed updating so this was helpful thanks.
Dave you absolute bloody legend! I was a ‘four corner’ customer, but there was no way I could justify the cost this year so binned the lot a little while ago (foolishly including the domain, hey ho). I had no idea this was a thing, so guess what I’ll be playing with to get set back up? I guess the best image format is going to be high quality jpeg to keep load times down? Mate, you’ve made my day with this video, thank you so much.
JPEG; under 20mb and no more than 3840px on the long edge will ensure the best possible rendering optimised for retina screens and Portfolio will render down for 1080-4k screens. That said, front page images should be much smaller ie less than 2mb in order to ensure good load time - you'll get pulvarised by the search engines if you over load the front page. All the images I've used on the sample site are 1920px or less on the long edge and there's nothing heavier than 5mb on there....my thumbnail or in-line images are even smaller 720px and less than 1mb. It's the weigh off between optimal image quality and load times, but that is the same across all websites
Nice one Dave didn’t know this was even a thing!!! I’ll give it a go 👍
Brilliant, drop me a line back with the URL if you get around to it, I've seen a couple of your videos and would love to see your portfolio properly :)
@@LetsClickPhotography oh god!! You haven’t have you!! 😂😩 my vids are shocking mate 😂
That's great thank you but when I publish it it says I suppose to upgrade 😢 is there any way to publish it for free?
Hi Dave, this is great. Q what is the optimal image size / resolution? Thanks.
Portfolio will render a maximum of 3840px on the long edge for retina displays so that is the maximum recommended resolution, the website will then downscale for screens below that capability. However, larger images will impact on the performance of your site so I would only ever upload at that size on background pages, never on the front pages - slower load times impact your search rankings and site reliability.
1920px on the long edge for full display gallery images (the examples in this video were that size or smaller) that can be clicked. Front page, blog posts or pages where images aren't set up to be clicked I upload no larger that 1080px long edge.
In terms of file size a maximum of 20mb (preferably less) for full display images and for front page images less than 2mb.
It's the weigh off between maximum presentation resolution and nobody ever seeing the images because they took too long to load.
Interesting stuff, Dave. One of the perks I get from my employer is the use of Adobe CC. I might have to investigate if I can use this for my own portfolio.
Thanks Dave. I had no idea this was an option! Can you suggest a pixel size that seems optimal for this type of website?
Hi Joel. That's a whole topic in itself. Portfolio will render a maximum of 3840px on the long edge on retina displays so that is the maximum recommended resolution, the website is optimised to downscale for screens below that capability so that is a safe bet for best display. That said, larger images will impact on the performance of your site so I would only ever upload at that size on background pages, never on the front pages - slower load times impact your search rankings and site reliability. For me, I tend to half that size so 1920px on the long edge for full display gallery images (the examples in this video were that size or smaller) that can be clicked to display full screen. For front end pages, blog posts or pages where images aren't set up to be clicked I upload no larger that 1080px long edge. Thumbnail images will be a long edge of 720px or less. In terms of file size a maximum of 20mb (preferably less) for full display images and for front page images less than 2mb. This isn't particularly Portfolio websites specific, it's general good website practice; the weigh off between maximum presentation resolution and somebody never actually seeing the images because they took too long to load.
Great video, thankyou….one question….i noticed you uploaded photos from a folder, what pixels & size etc should we export out of Lightroom with?
JPEG; under 20mb and no more than 3840px on the long edge will ensure the best optimisation for retina screens. Portfolio will render down for 1080-4k screens. Front page images should be much smaller in terms of file size, less than 2mb, if you want to show up on search engines (your ranking will diminish if you over load the front page).
Thumbnail or in-line images 720px long edge and less than 1mb.
It's a weigh off between optimal image quality and load times, which is the same across all websites
@@LetsClickPhotography great thankyou so much, can you pls do a video on settings for exporting from Lightroom for different media (portfolio, instagram, Facebook etc) hthat would be amazing….
@@LetsClickPhotography great thankyou so much, can you pls do a video on settings for exporting from Lightroom for different media (portfolio, instagram, Facebook etc) hthat would be amazing….
helpful , thanks
thanks for making good Contant.
Good guide Dave. Adobe have (rightly) been in for quite a bit of criticism recently, but you have to admit, they do make stuff that works.
Thanks mate, yeah they do....apart from the week after an update haha
Nice video Dave! I have one question. Which dimensions do you recommend to upload?
JPEG; under 20mb and no more than 3840px on the long edge will ensure the best possible rendering optimised for retina screens and Portfolio will render down for 1080-4k screens. That said, front page images should be much smaller ie less than 2mb in order to ensure good load time - you'll get pulvarised by the search engines if you over load the front page. All the images I've used on the sample site are 1920px or less on the long edge and there's nothing heavier than 5mb on there....my thumbnail or in-line images are even smaller 720px and less than 1mb. It's the weigh off between optimal image quality and load times, but that is the same across all websites
Hey pal! I haven't had time to write a comment, just wanted to stop by and say great, informative video...as always. Hopefully we can set up a chat soon for July. Hope all is well mate. Come on England 🏴
Great video and instruction! I was able to build a portfolio in a relatively short time. However, I'm not too fond of the gallery placement on the Gallery page. When I built my first gallery, I thought it would show up first on the Gallery page but it got pushed to the last one after I loaded/built five galleries. I went into the Pages option on the left side of the screen where it shows the galleries and tried to click and drag to rearrange the order but that didn't work. Is there a secret you know of to do that?
How to move a gallery page position in adobe Portfolio
Hi Andrea, hopefully the short video I uploaded to show you this has been sent to you but if you've not had the notification you can find it here: ua-cam.com/users/shortsWaKqazj7rTo?si=yzgU1944ODkpEkuq - hopefully it answers your question but let me know if I can be of any more help.