Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 3, 2015 at 3:02 pm #453811
    alteba

    Hi,

    I am creating a frontpage with a fullscreen slider. I selected a couple of pictures for my computer bu when I build the slider, it shows the pictures zoomed in. It doesn’t show what I want to show. instead it shows a crop of the picture.
    What is the best resolution and size for pictures when using the fullscreen slider?

    website: http://www.haus-isabella.nl
    I created a page with a gallery with the pictures and their description. it can be viewed via the menu.

    • This topic was modified 9 years, 6 months ago by alteba.
    June 4, 2015 at 4:43 am #454219
    Josue

    Hi!

    About 1500×1000, like this, used here.

    Cheers!
    Josue

    June 4, 2015 at 6:28 am #454256
    EdFritz

    I am using the full screen slider at http://fritzimages.com . As a photographer, I want to maintain the same aspect ratio as my original images. So,.my out of camera Image size is 4928X3280@300dpi, For use in the slider I will down rez at the same aspect ratio to 1860X1238 @ 72dpi. I live for full size images and Enfold is a wonderful theme to present them in….For final web output, I process the image at two separate resolutions and combine for sharpen and final output to web save as. Remember that these are large images, you need to web save as with progressive set and then after you save image outside of photoshop, run the image thru imageoptim to strip out 5-10% of unnecessary content to reduce file size. That final Image size shows well on computers, laptops and iPads and is sharp and is optimized for google page speed/ and webpagetest and loads quickly on my site.

    My enfold setting:
    No scaling ( Original width and Original Height)
    No, don’t stretch image

    Hope that helps my fellow photographers…. sorry Josue although the 1500X1000 maintains the same aspect ratio, I don’t want to scale and stretch….

    June 4, 2015 at 5:43 pm #454631
    Yigit

    Hey!


    @edfritz     Thanks for your input Ed :)

    Cheers!
    Yigit

    June 6, 2015 at 3:28 pm #455505
    alteba

    Hi Edfritz and Josue,

    Thank you indeed for your input. I don’t have the impresion the theme streches the picture. Instead it cropes the picture to fit it in the window.

    I was very frustrated that I wasn’t able to see the whole picture. Instead the slider displayed a ‘zoomed’ version.
    Unfortunately I was not able to take the picture again making sure there was enough surrounding around the object. So part of the object is cropped away. I gues that comes with the ability display the website in a resizable window. Maybe it is a nice RFE (request for enhancement) to enable the webdesigner a choice to either stretch the picture or crop the picture to fit the window.

    I managed to display the most important part of the picture by using ‘manage picture’ an slide the picture up.
    But still not very happy with the result.

    June 7, 2015 at 12:57 am #455554
    Josue

    Hi!

    You’re right, on a FullScreen Slider the image does behaves like that so it can fit the 100% width and height of the window and at the same time keep its natural aspect ratio. There’s a way however, to change this behaviour and make the image stretch, add this to Quick CSS:

    .avia-fullscreen-slider .avia-slideshow > ul > li {
    background-size: 100% 100% !important;
}

    Alternatively you can use a FullWidth Slider instead.

    Cheers!
    Josue

    June 7, 2015 at 10:35 am #455615
    alteba

    Cheers Josue,

    Thanks for the good advise.
    Much appreciated.

    Bart

    June 7, 2015 at 1:16 pm #455623
    EdFritz

    It sounds like you should consider an uprez of your original image size to accomplish what you want. What is the current dimension of the image(s) that you are using ?

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘what is best resolution and size for fullscreen slider’ is closed to new replies.