Images resized into too many formats with excessive use of space

Hi?@pointnet

I’m happy to help you out with this.

1. Where do you see these icons and bunch of images at different resolutions that WordPress creates? Could you please send us some screenshots, so we can have a better understanding of what you’re referring to?

Please see below information about best practices for having a better image quality:

• Resolution: Image sizing depends on your application and if you want your image to scale to fit or scale to fill. Good practise is to start with something that look roughly okay, and optimize at the end of the process.
• Aspect ratio: If you plan to use one set for both mobile and desktop websites, it is recommended to use nearly square aspect ratio. In the future there will be an option to have different sets of images according to user screen size.
• Image formar and sizing: Image weight is key aspect. You want to make sure that image looks fine, while having a low size. Usually best results are achieved with .jpg or .jpeg images, where a 1920×1080 image can have less than 60kb.

2. On the?Scrollsequence > Dashboard > Options tab, there’s a “High Definition Canvas” setting where you have these options to choose from:?see screenshot.?Is this what you’re looking for?

3. No, it is not possible to?upload a video directly at the moment.

I hope this helps. Let us know if you have any questions.

Kind regards

Hi Jamie, thanks for your reply.

WordPress, when you upload images, automatically creates images at lower resolutions and icons, by default one of 150×150, one of 300×300 and one of 1020×1024 pixels. If you upload one image, WordPress automatically creates three more.

A sequence of a hundred or so images in this way could occupy quite a bit of space on the disk, if you then make dozens of sequences in a short time you will occupy too much space, considering then that the lower resolution images will never be used.

It would be useful if this wonderful plugin could prevent the creation of these lower-resolution images, especially if they are not used.

Hi Alessio,

Yes, you are right. WordPress by default creates a bunch of images that have various resolutions when you upload an image to WP Media Gallery. Every WP installation can have different set of image sizes, as different themes can have different sizes of thumbnails etc.

Scrollsequence is using default WordPress Media Gallery, and that allows it to work with all the various image optimization plugins, CDN providers and Cache plugins and make use of all the standard WordPress functions.

There is no way to prevent the thumbnail image creation, partly because the thumbnails are in fact used in the plugin user interface in the WordPress back end.

I had a look on a particular image that was 111kb original, and after WordPress created the various other image sizes, the total size is 334kb total. So yes, there is an overhead for using the native WP media gallery, but honestly even if you have a couple sequences 300 images each they take up ~100MB each on the server. Is that a problem?

There is a new option coming up for using external image URL list

“Add images with URL list, or with a folder instead of media gallery”

see: https://help.scrollsequence.com/article/24-roadmap-and-feature-request-list

So soon there will be the option to enter external image list and get around this problem.

———————————————–

Regarding the direct use of video as input:

I have spent considerable amount of time trying to make it work, and it’s harder than it seems, partly because there are thousands of different video formats, codecs and input resolutions and really they need to be converted to specific encoding, and also possibly a different file format and resolution need to be presented based on the device. Also the performance benefit is almost non-existent, because the keyframes make the video size almost identical to images, with the downside that you need to wait longer until the video is “playable”.

For your reference: https://greensock.com/forums/topic/25730-scrub-through-video-smoothly-scrolltrigger/

So for now I am working on a solution that will be available on the Business plan that would let you upload a video an cloud convert it into a Scrollsequence, under the hood it is using a sequence of images that were created from that video.

I hope that this will be released this summer!

Let me know if that answers your questions!

Ales

Plugin Author

Hi Ales, thank you for answering all my questions. Keep up the good work, this plugin is spectacular.

Happy to help!

Ales