refactor: default settings for compression

Author: RaduCristianPopescu

assets/src/dashboard/parts/connected/settings/Compression.js

@@ -140,7 +140,7 @@ const Compression = ({
 		setCanSave( true );
 		const data = { ...settings };
 		if ( 'speed_optimized' === value ) {
-			data[ 'best_format' ] = 'disabled';
+			data[ 'best_format' ] = 'enabled';
 			data[ 'retina_images' ] = 'disabled';
 			data[ 'network_optimization' ] = 'enabled';
 			data.avif = 'mauto';
@@ -280,20 +280,25 @@ const Compression = ({
 					<hr className="my-8 border-grayish-blue"/>
 
 
-					<ToggleControl
-						label={ optimoleDashboardApp.strings.options_strings.enable_avif_title }
-						help={ () => <p dangerouslySetInnerHTML={ { __html: optimoleDashboardApp.strings.options_strings.enable_avif_desc } } /> }
-						checked={ isAVIFEnabled }
-						disabled={ isLoading }
-						className={ classnames(
-							{
-								'is-disabled': isLoading
-							}
-						) }
-						onChange={ value => updateOption( 'avif', value ) }
-					/>
+					{ optimoleDashboardApp?.enableAVIF && (
+						<>
+
+							<ToggleControl
+								label={ optimoleDashboardApp.strings.options_strings.enable_avif_title }
+								help={ () => <p dangerouslySetInnerHTML={ { __html: optimoleDashboardApp.strings.options_strings.enable_avif_desc } } /> }
+								checked={ isAVIFEnabled }
+								disabled={ isLoading }
+								className={ classnames(
+									{
+										'is-disabled': isLoading
+									}
+								) }
+								onChange={ value => updateOption( 'avif', value ) }
+							/>
+							<hr className="my-8 border-grayish-blue"/>
+						</>
+					) }
 
-					<hr className="my-8 border-grayish-blue"/>
 
 					<ToggleControl
 						label={ optimoleDashboardApp.strings.options_strings.strip_meta_title }

inc/admin.php

@@ -1326,6 +1326,7 @@ private function localize_dashboard_app() {
 		return [
 			'strings'                    => $this->get_dashboard_strings(),
 			'assets_url'                 => OPTML_URL . 'assets/',
+			'enableAVIF'                 => apply_filters( 'optml_show_avif_setting', false ),
 			'dam_url'                    => 'admin.php?page=optimole-dam',
 			'connection_status'          => empty( $service_data ) ? 'no' : 'yes',
 			'has_application'            => isset( $service_data['app_count'] ) && $service_data['app_count'] >= 1 ? 'yes' : 'no',
@@ -1720,7 +1721,7 @@ private function get_dashboard_strings() {
 				'best_format_title'                   => __( 'Automatic Best Image Format Selection', 'optimole-wp' ),
 				'best_format_desc'                    => sprintf(
 				/* translators: 1 is the starting anchor tag, 2 is the ending anchor tag */
-					__( 'When enabled, Optimole picks the ideal format for your images, balancing quality and speed. It tests different formats, like AVIF and WebP, ensuring images look good and load quickly. %1$sLearn more%2$s.', 'optimole-wp' ),
+					__( 'When enabled, Optimole chooses the best format for your images, balancing quality with speed. It tries options like AVIF and WebP to keep visuals sharp and pages fast, though uncached images may take a bit longer to process. %1$sLearn more%2$s.', 'optimole-wp' ),
 					'<a class="inline-block text-purple-gray underline" target=”_blank” href="https://docs.optimole.com/article/1942-best-format">',
 					'</a>'
 				),
@@ -1826,7 +1827,7 @@ private function get_dashboard_strings() {
 				'enable_resize_smart_title'           => __( 'Smart Cropping', 'optimole-wp' ),
 				'enable_retina_desc'                  => sprintf(
 				/* translators: 1 is the starting anchor tag, 2 is the ending anchor tag */
-					__( 'Enable this feature to optimize your images for Retina displays. Retina-ready images are optimized to look sharp on screens with higher pixel density, offering viewers enhanced visual quality. %1$sLearn more%2$s', 'optimole-wp' ),
+					__( 'Optimizes images for Retina (high-DPI) screens for sharper results. Always enabled for images under 150px wide. %1$sLearn more%2$s', 'optimole-wp' ),
 					'<a class="inline-block text-purple-gray underline" target=”_blank” href="https://docs.optimole.com/article/1391-what-is-a-retina-image">',
 					'</a>'
 				),

inc/url_replacer.php

@@ -226,6 +226,20 @@ private function normalize_image( $url, $original_url, $args, $is_uploaded = fal
 			$args['resize']['gravity'] = GravityProperty::SMART;
 		}
 
+		$is_retina_enabled = $this->settings->get( 'retina_images' ) !== 'disabled';
+		$max_dimension = max( $args['width'], $args['height'] );
+		$should_apply_dpr = false;
+
+		if ( $is_retina_enabled || ( $max_dimension > 0 && $max_dimension < 150 ) ) {
+			$should_apply_dpr = true;
+		}
+
+		$should_apply_dpr = apply_filters( 'optml_should_apply_dpr', $should_apply_dpr, $args, $url );
+
+		if ( $should_apply_dpr && ! isset( $args['dpr'] ) ) {
+			$args['dpr'] = 2;
+		}
+
 		$args = apply_filters( 'optml_image_args', $args, $original_url );
 		$image = Optimole::image( apply_filters( 'optml_processed_url', $url ), self::get_active_cache_booster( $url, $this->active_cache_buster ) );