Media: Output WebP by default when uploading JPEGs.

Uploaded JPEGs will automatically be converted to WebP sub-sizes instead of JPEG, saving space and making sites faster.

The original JPEG upload is always retained and can be accessed by calling `wp_get_original_image_url`.

Props azaozz, flixos90.
Fixes #55443.



git-svn-id: https://develop.svn.wordpress.org/trunk@54086 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Adam Silverstein
2022-09-06 21:13:17 +00:00
parent 87047ccf3a
commit 3099698d7b
13 changed files with 167 additions and 12 deletions

View File

@@ -18,11 +18,20 @@ class Tests_Image_Editor extends WP_Image_UnitTestCase {
require_once ABSPATH . WPINC . '/class-wp-image-editor.php';
require_once DIR_TESTDATA . '/../includes/mock-image-editor.php';
add_filter( 'image_editor_output_format', '__return_empty_array' );
// This needs to come after the mock image editor class is loaded.
parent::set_up();
}
/**
* Tear down the class.
*/
public function tear_down() {
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}
/**
* Test wp_get_image_editor() where load returns true
*
@@ -226,10 +235,10 @@ class Tests_Image_Editor extends WP_Image_UnitTestCase {
$this->assertSame( trailingslashit( realpath( get_temp_dir() ) ), trailingslashit( realpath( dirname( $editor->generate_filename( null, get_temp_dir() ) ) ) ) );
// Test with a suffix only.
$this->assertSame( 'canola-100x50.png', wp_basename( $editor->generate_filename( null, null, 'png' ) ) );
$this->assertSame( 'canola-100x50-jpg.png', wp_basename( $editor->generate_filename( null, null, 'png' ) ) );
// Combo!
$this->assertSame( trailingslashit( realpath( get_temp_dir() ) ) . 'canola-new.png', $editor->generate_filename( 'new', realpath( get_temp_dir() ), 'png' ) );
$this->assertSame( trailingslashit( realpath( get_temp_dir() ) ) . 'canola-new-jpg.png', $editor->generate_filename( 'new', realpath( get_temp_dir() ), 'png' ) );
// Test with a stream destination.
$this->assertSame( 'file://testing/path/canola-100x50.jpg', $editor->generate_filename( null, 'file://testing/path' ) );

View File

@@ -17,6 +17,8 @@ class Tests_Image_Editor_GD extends WP_Image_UnitTestCase {
require_once ABSPATH . WPINC . '/class-wp-image-editor.php';
require_once ABSPATH . WPINC . '/class-wp-image-editor-gd.php';
add_filter( 'image_editor_output_format', '__return_empty_array' );
// This needs to come after the mock image editor class is loaded.
parent::set_up();
}
@@ -30,6 +32,8 @@ class Tests_Image_Editor_GD extends WP_Image_UnitTestCase {
$this->remove_added_uploads();
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}

View File

@@ -18,6 +18,8 @@ class Tests_Image_Editor_Imagick extends WP_Image_UnitTestCase {
require_once ABSPATH . WPINC . '/class-wp-image-editor-imagick.php';
require_once DIR_TESTROOT . '/includes/class-wp-test-stream.php';
add_filter( 'image_editor_output_format', '__return_empty_array' );
// This needs to come after the mock image editor class is loaded.
parent::set_up();
}
@@ -31,6 +33,8 @@ class Tests_Image_Editor_Imagick extends WP_Image_UnitTestCase {
$this->remove_added_uploads();
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}

View File

@@ -25,6 +25,16 @@ class Tests_Image_Functions extends WP_UnitTestCase {
foreach ( glob( $folder ) as $file ) {
unlink( $file );
}
add_filter( 'image_editor_output_format', '__return_empty_array' );
}
/**
* Tear down the class.
*/
public function tear_down() {
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}
/**

View File

@@ -5,6 +5,15 @@
* @group upload
*/
class Tests_Image_Intermediate_Size extends WP_UnitTestCase {
/**
* Set up the test fixture.
*/
public function set_up() {
add_filter( 'image_editor_output_format', '__return_empty_array' );
parent::set_up();
}
public function tear_down() {
$this->remove_added_uploads();
@@ -12,6 +21,9 @@ class Tests_Image_Intermediate_Size extends WP_UnitTestCase {
remove_image_size( 'false-height' );
remove_image_size( 'false-width' );
remove_image_size( 'off-by-one' );
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}

View File

@@ -14,6 +14,15 @@ abstract class WP_Tests_Image_Resize_UnitTestCase extends WP_Image_UnitTestCase
parent::set_up();
add_filter( 'wp_image_editors', array( $this, 'wp_image_editors' ) );
add_filter( 'image_editor_output_format', '__return_empty_array' );
}
/**
* Tear down the class.
*/
public function tear_down() {
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}
public function wp_image_editors() {

View File

@@ -33,7 +33,8 @@ CAP;
self::$_sizes = wp_get_additional_image_sizes();
$GLOBALS['_wp_additional_image_sizes'] = array();
$filename = DIR_TESTDATA . '/images/' . self::$large_filename;
$filename = DIR_TESTDATA . '/images/' . self::$large_filename;
add_filter( 'image_editor_output_format', '__return_empty_array' );
self::$large_id = $factory->attachment->create_upload_object( $filename );
$post_statuses = array( 'publish', 'future', 'draft', 'auto-draft', 'trash' );
@@ -68,6 +69,7 @@ CAP;
public static function wpTearDownAfterClass() {
$GLOBALS['_wp_additional_image_sizes'] = self::$_sizes;
remove_filter( 'image_editor_output_format', '__return_empty_array' );
}
public static function tear_down_after_class() {
@@ -3617,6 +3619,59 @@ EOF;
// Clean up the above filter.
remove_filter( 'wp_omit_loading_attr_threshold', '__return_null', 100 );
}
/**
* Test the wp_default_image_output_mapping function.
*
* @ticket 55443
*/
public function test_wp_default_image_output_mapping() {
$mapping = wp_default_image_output_mapping( array() );
$this->assertSame( array( 'image/jpeg' => 'image/webp' ), $mapping );
}
/**
* Test that wp_default_image_output_mapping doesn't overwrite existing mappings.
*
* @ticket 55443
*/
public function test_wp_default_image_output_mapping_existing() {
$mapping = array( 'mime/png' => 'mime/webp' );
$mapping = wp_default_image_output_mapping( $mapping );
$this->assertSame(
array(
'mime/png' => 'mime/webp',
'image/jpeg' => 'image/webp',
),
$mapping
);
}
/**
* Test that the image editor default output for JPEGs is WebP.
*
* @ticket 55443
*/
public function test_wp_image_editor_default_output_maps_to_webp() {
remove_filter( 'image_editor_output_format', '__return_empty_array' );
$editor = wp_get_image_editor( DIR_TESTDATA . '/images/canola.jpg' );
$this->assertNotWPError( $editor );
$resized = $editor->resize( 100, 100, false );
$this->assertNotWPError( $resized );
$saved = $editor->save();
$this->assertNotWPError( $saved );
if ( $editor->supports_mime_type( 'image/webp' ) ) {
$this->assertSame( 'image/webp', $saved['mime-type'] );
$this->assertSame( 'canola-100x75-jpg.webp', $saved['file'] );
} else {
$this->assertSame( 'image/jpeg', $saved['mime-type'] );
$this->assertSame( 'canola-100x75.jpg', $saved['file'] );
}
}
}
/**

View File

@@ -6,10 +6,19 @@
* @group upload
*/
class Tests_Post_Attachments extends WP_UnitTestCase {
/**
* Set up the test fixture.
*/
public function set_up() {
add_filter( 'image_editor_output_format', '__return_empty_array' );
parent::set_up();
}
public function tear_down() {
// Remove all uploads.
$this->remove_added_uploads();
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}

View File

@@ -93,6 +93,7 @@ class WP_Test_REST_Attachments_Controller extends WP_Test_REST_Post_Type_Control
add_filter( 'rest_pre_dispatch', array( $this, 'wpSetUpBeforeRequest' ), 10, 3 );
add_filter( 'posts_clauses', array( $this, 'save_posts_clauses' ), 10, 2 );
add_filter( 'image_editor_output_format', '__return_empty_array' );
}
public function wpSetUpBeforeRequest( $result ) {
@@ -121,6 +122,8 @@ class WP_Test_REST_Attachments_Controller extends WP_Test_REST_Post_Type_Control
WP_Image_Editor_Mock::$size_return = null;
}
remove_filter( 'image_editor_output_format', '__return_empty_array' );
parent::tear_down();
}