Converter for Media – Optimize images | Convert WebP & AVIF

Opis

Przyspiesz swoją witrynę za pomocą naszego prostego w użyciu optymalizatora obrazów, wyświetlając obrazy WebP i AVIF. Zastępując pliki w standardowych formatach JPEG, PNG i GIF formatami WebP i AVIF, możesz zaoszczędzić ponad połowę wagi strony bez utraty jakości.

Po instalacji wtyczki nie musisz nic więcej robić. Twoje istniejące obrazki zostaną skonwertowane do nowego formatu. Gdy optymalizacja obrazków przez naszą wtyczkę zostanie zakończona, użytkownicy automatycznie otrzymają nowe, znacznie mniejsze obrazki niż oryginalne.

Obecnie ponad 90% użytkowników korzysta z przeglądarek obsługujących format WebP. Czas ładowania twojej witryny zależy w dużej mierze od jej wagi i poziomu optymalizacji obrazków. Używając naszej wtyczki, możesz ją przyspieszyć w kilka sekund bez większego wysiłku!

Będzie to korzyść zarówno dla Twoich użytkowników, którzy nie będą musieli pobierać tak dużej ilości danych, jak i dla mniej obciążonego serwera. Pamiętaj, że lepiej zoptymalizowana witryna wpływa również na Twój ranking w Google. Optymalizacja obrazków jest bardzo ważna.

Wsparcie dla AVIF

Now in the PRO version you can use AVIF as the output format for your images. The AVIF format is a new extension – is the successor to WebP. AVIF allows you to achieve even higher levels of image compression, and the quality of the converted images after image optimization is better than in WebP.

Jak to działa?

  • Jeśli właśnie zainstalowałeś wtyczkę, możesz zoptymalizować obrazki jednym kliknięciem. Rozmiar obrazu będzie mniejszy po wygenerowaniu webp!
  • Nowe obrazy, które będą dodawane do biblioteki multimediów, zostaną automatycznie przekonwertowane.
  • Nasz optymalizator obrazków w żaden sposób nie modyfikuje oryginalnych obrazów. Oznacza to bezpieczeństwo dla ciebie i twoich plików.
  • Kiedy przeglądarka ładuje obraz, nasza wtyczka sprawdza, czy obsługuje format WebP. Jeśli tak, ładowany jest obraz w formacie WebP.
  • Wtyczka nie wykonuje przekierowań w trybie domyślnym, więc adres URL jest zawsze taki sam. Tylko typ MIME obrazu zmieni się na image/webp.
  • Brak przekierowań oznacza brak problemów z pamięcią podręczną, szybsze i bezproblemowe działanie twojej witryny. Jeśli chcesz dowiedzieć się więcej o tym, jak to działa, zapoznaj się z FAQ wtyczki poniżej.
  • Nie ma znaczenia, czy obraz jest wyświetlany jako znacznik HTML img, czy używasz background-image. Działa zawsze!
  • W przypadku, gdy przepisywanie reguł z pliku .htaccess jest zablokowane, dostępny jest tryb, który ładuje obrazy poprzez plik PHP. Następnie zmieniane są adresy URL obrazków, ale logika działania jest taka sama, jak w przypadku trybu domyślnego.
  • Ostateczny wynik po optymalizacji obrazków jest taki, że twoi użytkownicy pobierają mniej niż połowę danych, a sama strona ładuje się szybciej!
  • Nic nie tracisz – gdyby trzeba było usunąć usunąć wtyczkę, ta usunie wszystko po sobie. Nie pozostawia żadnych śladów, więc bez trudu możesz ją przetestować.

Konwertowanie do WebP – to przyszłość optymalizacji obrazków!

Optymalizuj obrazki i przenieś swoją stronę internetową na nowy poziom już teraz! Zainstaluj wtyczkę i ciesz się szybszym ładowaniem strony internetowej dzięki optymalizacji obrazków. Z pewnością Ty i Twoi użytkownicy to docenicie.

Wsparcie dla dodatkowych katalogów

Możesz również konwertować do WebP obrazki nie tylko z katalogu /uploads, ale także z katalogów /plugins oraz /themes . Pozwala to na pełną integrację z formatem WebP!

Wsparcie w rozwoju wtyczki

Spędzamy wiele godzin pracując nad rozwojem tej wtyczki. Wsparcie techniczne również wymaga dużo czasu, ale robimy to, ponieważ chcemy zaoferować Tobie najlepszą wtyczkę. Cieszymy się z każdej nowej instalacji wtyczki.

If you would like to appreciate it, you can try the PRO version. In addition, you will gain access to extra functionalities that will allow you to achieve even better image optimization results.

Przeczytaj również poniższe FAQ. Dziękujemy, że jesteście z nami!

Zrzuty ekranu

  • General tab of the plugin settings
  • Advanced tab of the plugin settings
  • Bulk optimization of images
  • Optimization statistics of Media Library

Instalacja

  1. Upload the plugin files to /wp-content/plugins/webp-converter-for-media directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through Plugins screen in WordPress Admin Panel.
  3. Use Settings -> Settings -> Converter for Media screen to configure the plugin.
  4. Click on the button Start Bulk Optimization and wait.
  5. Check if everything works fine using this tutorial.

That’s all! Your website is already loading faster!

Najczęściej zadawane pytania

How to get technical support? (before you ask for help)

Before you add a new thread, read all other questions in this FAQ and other threads in the support forum first. Perhaps someone had a similar problem and it has been resolved.

When adding a thread, follow these steps and reply to each of them:

1. Do you have any errors on the plugin settings page? Please read this thread if you have any errors.

2. URL of your website.

3. Screenshot of the Help Center tab on the plugin settings screen – please take a screenshot of the ENTIRE page.

4. Please do the test, which is described in the FAQ in the question „How to check if the plugin works?”. Please send a screenshot of Devtools with the test results.

Please remember to include the answers to all questions by adding a thread. It is much easier and accelerates the solution of your problem.

Error on plugin settings screen?

If you have an error on the plugin settings screen, first of all, please read it carefully. They are displayed when there is a problem with the configuration of your server or website.

The messages are designed to reduce the number of support requests that are repeated. It saves your and our time. Please read this thread for more information.

Error while converting?

You can get several types of errors when converting. First of all, carefully read their content. For the most part, you can solve this problem yourself. Try to do this or contact the server administrator.

If you get an error: File "%s" does not exist. Please check file path. means that the file_exists() function in PHP returned false using the file path given in the error message. Check this path and make sure it is correct.

If you get an error: File "%s" is unreadable. Please check file permissions. means that the is_readable() function in PHP returned false using the file path given in the error message. Check the permissions for the file and the directory in which the file is located.

If you get an error: "%s" is not a valid image file. means that the file is damaged in some way. Download the file to disk, save it again using any graphics program and add it again to the page. If the error applies to individual images then you can ignore it – just the original images will load, not WebP.

If you get an error: Image "%s" converted to .webp is larger than original and converted .webp file has been deleted. means the original image weighed less than WebP. This happens when images have been compressed before. Disable the „Automatic removal of files in output formats larger than original” option in plugin settings to force always using WebP.

What are requirements of plugin?

Practically every hosting meets these requirements. You must use PHP at least 7.0 and have the GD or Imagick extension installed. The extension must support WebP format. If you have an error saying that the GD or Imagick library is not installed, but you have it installed then they are probably incorrectly configured and do not have WebP support.

They are required native PHP extensions, used among others by WordPress to generate thumbnails. Your server must also have the modules mod_mime, mod_rewrite and mod_expires enabled.

An example of the correct server configuration can be found here. The link to your current configuration can be found in the Help Center tab on plugin settings screen.

Note the items marked in red. If the values marked in red do not appear in your case, it means that your server does not meet the technical requirements. Pay attention to the WebP Support value for the GD library and WEBP in the list of supported extensions for the Imagick library.

In a situation where your server does not meet the technical requirements, please contact your server Administrator. We are not able to help you. Please do not contact us about this matter, because this is a server configuration problem, not a plugin.

Also, REST API must be enabled and work without additional restrictions. If you have a problem with it, please contact the Developer who created your website. He should easily find the issue with the REST API not working.

How to check if the plugin works?

You can find more information on how the plugin works in our manual.

How to change the path to uploads?

This is possible using the following types of filters to change default paths. It is a solution for advanced users. If you are not, please skip this question.

Path to the root installation directory of WordPress (ABSPATH by default):

add_filter( 'webpc_site_root', function( $path ) {
    return ABSPATH;
} );

Paths to directories (relative to the root directory):

add_filter( 'webpc_dir_name', function( $path, $directory ) {
    switch ( $directory ) {
        case 'uploads':
            return 'wp-content/uploads';
        case 'webp':
            return 'wp-content/uploads-webpc';
        case 'plugins':
            return 'wp-content/plugins';
        case 'themes':
            return 'wp-content/themes';
    }
    return $path;
}, 10, 2 );

Note that the /uploads-webpc directory must be at the same nesting level as the /uploads, /plugins and /themes directories.

Prefix in URL of /wp-content/ directory or equivalent (used in .htaccess):

add_filter( 'webpc_htaccess_rewrite_path', function( $prefix ) {
    return '/';
} );

For the following sample custom WordPress structure:

...
├── web
    ...
    ├── app
    │   ├── mu-plugins
    │   ├── plugins
    │   ├── themes
    │   └── uploads
    ├── wp-config.php
    ...

Use the following filters:

add_filter( 'webpc_site_root', function( $path ) {
    return 'C:/WAMP/www/project/web'; // your valid path to root
} );
add_filter( 'webpc_htaccess_rewrite_path', function( $prefix ) {
    return '/';
} );
add_filter( 'webpc_dir_name', function( $path, $directory ) {
    switch ( $directory ) {
        case 'uploads':
            return 'app/uploads';
        case 'webp':
            return 'app/uploads-webpc';
        case 'plugins':
            return 'app/plugins';
        case 'themes':
            return 'app/themes';
    }
    return $path;
}, 10, 2 );

After setting the filters go to Settings -> Converter for Media in the admin panel and click the Save Changes button. .htaccess files with appropriate rules should be created in the directories /uploads and /uploads-webpc.

How to exclude paths from converting?

To exclude selected directories, use the following filter:

add_filter( 'webpc_supported_source_directory', function( bool $status, string $directory_name, string $server_path ): bool {
    $excluded_directories = [ 'my-directory' ];
    if ( in_array( $directory_name, $excluded_directories ) ) {
        return false;
    }
    return $status;
}, 10, 3 );

To exclude selected files use the following filter (in this case with the suffix „-skipwebp” in a filename, e.g. image-skipwebp.png):

add_filter( 'webpc_supported_source_file', function( bool $status, string $file_name, string $server_path ): bool {
    $excluded_suffix = '-skipwebp';
    if ( strpos( $file_name, $excluded_suffix . '.' ) !== false ) {
        return false;
    }
    return $status;
}, 10, 3 );

Argument $server_path is the absolute server path to a directory or file. Inside the filters, you can apply more complicated rules as needed.

Filters run before images are converted – they no longer support converted images. You have to delete them manually if they should not be converted.

Support for custom directories

The plugin supports the following directories by default:
/gallery
/plugins
/themes
/uploads

If you want to add support for a custom directory, add the following code to the functions.php file in your theme directory (use a correct directory name instead of custom-directory):

add_filter( 'webpc_source_directories', function ( $directories ) {
    $directories[] = 'custom-directory';
    return $directories;
} );

Remember that this directory must be located in the /wp-content directory.

How to run manually conversion?

By default, all images are converted when you click on the Start Bulk Optimization button. In addition, conversion is automatic when you add new files to your Media Library.

Remember that our plugin takes into account images generated by WordPress. There are many plugins that generate, for example, images of a different size or in a different version.

If you would like to integrate with your plugin, which generates images by yourself, you can do it. Our plugin provides the possibility of this type of integration. This works for all images in the /wp-content directory.

It is a solution for advanced users. If you would like to integrate with another plugin, it’s best to contact the author of that plugin and give him information about the actions available in our plugin. This will help you find a solution faster.

You can manually run converting selected files, you can use the action to which you will pass an array with a list of paths (they must be absolute server paths):

do_action( 'webpc_convert_paths', $paths );

An alternative method is to manually start converting the selected attachment by passing the post ID from the Media Library. Remember to run this action after registering all image sizes (i.e. after running the add_image_size function):

do_action( 'webpc_convert_attachment', $post_id );

To delete manually converted files, use the following action, providing as an argument an array of absolute server paths to the files (this will delete manually converted files):

do_action( 'webpc_delete_paths', $paths );

Support for WP-CLI

The plugin supports WP-CLI, which enables faster image conversion from the server level. More information on how to get started with WP-CLI can be found in the Handbook. The supported commands are described below.

Checking how many maximum images for conversion are on website:

wp converter-for-media calculate

Converting all images:

wp converter-for-media regenerate

Converting all images (with „Force convert all images again” option):

wp converter-for-media regenerate -force

Does plugin support CDN?

The website files (WordPress files) and the images from the Media Library must be on the same server. If they are, everything should work fine.

If only your images are on another CDN server, unfortunately correct operation is impossible, because such images are managed by another server.

Configuration for Nginx

For Nginx server that does not support .htaccess rules, additional Nginx server configuration is required for the plugin to function properly.

Follow the 4 steps below (please do all of them):

Step 1

Find the configuration file in one of the paths (remember to select configuration file used by your vhost):
/etc/nginx/sites-available/ or /etc/nginx/sites-enabled/
/etc/nginx/conf.d/

and add this code (add these lines at the beginning of the server { ... } block)remember to add these rules before any other location {} rules:

# BEGIN Converter for Media
set $ext_avif ".avif";
if ($http_accept !~* "image/avif") {
    set $ext_avif "";
}

set $ext_webp ".webp";
if ($http_accept !~* "image/webp") {
    set $ext_webp "";
}

location ~ /wp-content/(?<path>.+)\.(?<ext>jpe?g|png|gif|webp)$ {
    add_header Vary Accept;
    expires 365d;
    try_files
        /wp-content/uploads-webpc/$path.$ext$ext_avif
        /wp-content/uploads-webpc/$path.$ext$ext_webp
        $uri =404;
}
# END Converter for Media

Step 2

Look in the configuration file for other rules affecting images, e.g.:

location ~* ^.+\.(css|js|jpg|jpeg|png|gif|webp|ico|eot|otf|woff|woff2|ttf)$ {
    expires max;
}

If you find such rules, remove the following formats from them: jpg, jpeg, png, gif and webp.

Step 3

Then add support for the required MIME types, if they are not supported. Edit the configuration file:
/etc/nginx/mime.types

and add this code (add these lines inside the types { ... } block):

image/webp webp;
image/avif avif;

Step 4

After making changes, remember to restart the machine:

systemctl restart nginx

In case of problems, please contact us in the support forum. We will try to help.

Recenzje

2022-12-07
Was PERFECTLY and is SO easy to use! The UX is FLAWLESS. I was not sure it worked, because all images still listed as .png and .jpg in F12 Developer Tools. Here is how you can be certain it works! Pinned thread in the support section you can see how you can check it. (view site->F12->Network->Image and then you can see it is in .webp or .avif) Fantastic work by the team behind the plugin!
2022-12-05
I always try to use as few plugins as possible because they typically slow your load times down. I tried the free plugin version of Converter for Media and was astounded to see how easily and efficiently it worked. All I did was allow the plugin to scan my photo library. Within several minutes, they were all converted from JPEGs to WebP with a massive weight reduction and without the typical snags and glitches you often see with other plugins. Within twenty minutes, I subscribed to the Pro version, and my photos were just as easily and quickly converted to AVIF. When I added new photos to my library, they were automatically converted without having to do anything. The developer of this plugin is a true professional and knows how to engineer software that works properly. I can't say that for many of the others. One of my biggest goals is to have an extremely fast-loading website, and my website is one of the fastest you will ever find. Having a fast website involves a lot of work, and this plugin is the frosting on the cake. I have not seen an impressive plugin like this in quite a few years.
2022-12-02 1 odpowiedź
The files are further JPG has changed nothing in PageSpeed Insights. Waste of time!!!
2022-12-01
Easy to use, one click of a button then everything is done on the fly. Thank you so much for sharing awesome plugin to the community

Kontrybutorzy i deweloperzy

„Converter for Media – Optimize images | Convert WebP & AVIF” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Rejestr zmian

5.5.1 (2022-11-29)

  • [Fixed] Cache for REST API responses using LiteSpeed Cache plugin
  • [Changed] Authorization method for REST API endpoints

5.5.0 (2022-11-22)

  • [Removed] Error logging to debug.log file
  • [Changed] Content of welcome notice after plugin installation
  • [Added] Exclusion of directories from converting images in plugin settings
  • [Added] Instruction in „Conversion strategy” field in plugin settings
  • [Added] Possibility to disable rewrite inheritance in .htaccess files in plugin settings

5.4.2 (2022-11-14)

  • [Added] Possibility to re-convert files that have not been successfully converted (service mode must be active)

5.4.1 (2022-11-13)

  • [Fixed] Forcing images larger than original to be re-converted

5.4.0 (2022-11-12)

  • [Fixed] Converting using a Remote server when response is empty
  • [Changed] URLs for REST API endpoints
  • [Added] Conversion of missing images after selecting „Automatic removal of files in output formats larger than original” option
  • [Added] Exclusion of files conversion from /wpmc-trash directory generated by Media Cleaner plugin
  • [Added] Exclusion of files conversion from /__MACOSX directory

See changelog.txt for previous versions.