Better image sizes

This plugin is ment mostly for developers. You need to use its functions in your theme or plugin to make it works.

This plugin offers functionality like face detection crop, focal point selector for every image, function to output responsive <picture> sizes and more.

Why to use this plugin?

WordPress will automatically create a lot of smaller images for every uploaded image.
You mostly need just 1 or 2 of them, so this is a waste of your server space and resources.
Also cropped images are generated from the center by default, which can be a problem many times.

This plugin allows you to:

• disable autogenerated image sizes
• dynamically generate only needed image sizes for only needed images
• delete generated image sizes from this plugin individually or all together
• specify different focal point that will be in the focus while creating cropped versions of the image
• automatically detect focal point by face detection algorithm
• disable big image size threshold, so image bigger than 2560x2560px will be NOT scaled down

How it works

1. if you disable existing autogenerated image sizes, then newly uploaded images will not create its sizes
2. you need to specify in your code what size is needed for the image
3. image is dynamically created on the first visit of the page and is stored in uploads folder
4. every next visit of that page will just load already generated image

Functions

bis_get_attachment_image_src( $attachment_id, $size, $crop )

Function inspired by default wp_get_attachment_image_src.
If you used Fly Dynamic Image Resizer before, you don’t need to replace fly_get_attachment_image_src functions in your code – there is a fallback, so you can deactivate Fly Dynamic Image Resizer and it will still work.

Parameters:

• attachment_id (integer)(required)
  The ID of the image attachment
  Example: 123 or get_post_thumbnail_id() or get_field('my_image')

• size (array)(required)
  An array with the width and height
  Example: [ 1920, 1080 ]

• crop (boolean/integer/array/string)(optional)
  Skip this or pass false or 0 if you don’t want to crop, just rescale,
  otherwise pass true or 1 to use focal point crop that is selected in admin media (by default center),
  or pass array with string x-axis and y-axis parameters like [ 'right', 'bottom' ]
  or pass array with numeric x-axis and y-axis parameters like [ 0.5, 0.8 ]
  or pass string 'face' to automatically detect face position (can be exhaustive on server resources)

Returns:

array(
    'src' => (string) url of the image,
    'width' => (integer) width in pixels,
    'height' => (integer) height in pixels
)

Read the full description on the official page →