Website gallery question.

Discussion in 'General Talk' started by EdTX409, Jun 9, 2021.

  1. EdTX409

    EdTX409 Member

    Joined:
    May 29, 2021
    Messages:
    54
    Location:
    Texas
    Equipment:
    Canon M50, Canon EOS R, Sigma 17-70 2.8-4, Tamron 70-210 f/4, Sigma 150mm Macro, Canon EF 24-105 f/4
    For your website gallery thumbnails. Would you:
    ni
    A) Size them to the same width (say 250px) but let the height be auto figured (nonuniform look, but aspect ratio looks correct)

    B) Size them 250px by 250px that way all thumbnails are uniform looking but the aspect ratio will be off.

    I am writing my own little gallery. Option A looks nice when I line up all the EXIF text to the bottom,. But option B looks better for making things look uniform. I just can't decide. Have I stuck because the way I choose will then change the code I do for the rest of the page?
     

  2. Phil

    Phil Administrator Staff Member Site Supporter

    Joined:
    Feb 20, 2017
    Messages:
    251
    Location:
    Rochester, NY
    Equipment:
    Canon 7D - 50mm F1.8, 70-200mm F4, 17-70mm F2.8-4.5
    How about:

    Size them to 250px by 250px, and also do a crop on the thumbnail so the aspect ratio stays the same?
     
  3. johnsey

    johnsey Site Moderator Staff Member Site Supporter

    Joined:
    Apr 21, 2017
    Messages:
    2,260
    Location:
    Fargo, ND
    Equipment:
    5dMk4, 5dsR, 5dMk2, 20D, 70-200 2.8L IS, 100mm 2.8 Macro USM, 50mm 1.4, 85mm 1.8, 17-40mm 4.0L, TS-E 24mm 3.5L II, Rokinon 14mm 2.8; Pixma Pro-100
    I think a uniform thumbnail is nice, and i think option three like how Phil was presenting is a good idea... I use WordPress for my site so I don't have to write all the code from scratch. It generates uniform crops without affecting the aspect ratio or orientation of the image. The boat for example is a vertical if you load the zoom icon or its own page links

    upload_2021-6-9_12-38-46.png
     
  4. EdTX409

    EdTX409 Member

    Joined:
    May 29, 2021
    Messages:
    54
    Location:
    Texas
    Equipment:
    Canon M50, Canon EOS R, Sigma 17-70 2.8-4, Tamron 70-210 f/4, Sigma 150mm Macro, Canon EF 24-105 f/4
    I am sure I can use GD or ImageMagik on my server to do the reize for tumbs to keep aspect ratio correct.
     
  5. EdTX409

    EdTX409 Member

    Joined:
    May 29, 2021
    Messages:
    54
    Location:
    Texas
    Equipment:
    Canon M50, Canon EOS R, Sigma 17-70 2.8-4, Tamron 70-210 f/4, Sigma 150mm Macro, Canon EF 24-105 f/4
    Yup, got all thumbnails made with ImageMagick with ratio intact. I feel like there is a lot of wasted space on the site, but I am also running a 4k monitor. I set my 2nd monitor to 1920x1080 or one of the 2560 resolutions to see how things look
     
  6. luckypiglive

    luckypiglive New Member

    Joined:
    May 22, 2021
    Messages:
    8
    Location:
    Cyprus
    well, I would convert the site to wordpress if its not, which I guess its not, since you are writing the code and then I will get a theme with preloaded settings for photographers!
     
  7. EdTX409

    EdTX409 Member

    Joined:
    May 29, 2021
    Messages:
    54
    Location:
    Texas
    Equipment:
    Canon M50, Canon EOS R, Sigma 17-70 2.8-4, Tamron 70-210 f/4, Sigma 150mm Macro, Canon EF 24-105 f/4
    I used WordPress years ago. I do not like it anymore for what I am doing. It is too cookie cutter and I am trying to get back my HTML, PHP, and MySQL skills along with learning CSS. I have not done any coding since 2016.
     

Share This Page