render_component( array( 'type' => 'button-group', 'name' => 'quickwebp_settings_conversion', 'label' => __( 'Image Format Optimization', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_conversion' ), 'options' => array( array( 'label' => __( 'Off', 'quickwebp' ), 'color' => '#000000', 'desc' => __( '0% saved', 'quickwebp' ), 'value' => '0', 'classes' => 'toggle-with-children', ), array( 'label' => __( 'WebP', 'quickwebp' ), 'color' => '#316BFF', 'desc' => __( '≈ −30% on average across a site', 'quickwebp' ), 'value' => '1', 'classes' => 'toggle-with-children', ), array( 'label' => __( 'AVIF', 'quickwebp' ), 'color' => '#16A34A', 'desc' => __( '≈ −50% on average across a site', 'quickwebp' ), 'value' => '2', 'classes' => 'toggle-with-children', 'parent_classes' => 'quickwebp__pro-popup-open', 'disabled' => ! $license_valid || ! $php_version_valid, 'taglines' => array( array( 'label' => 'Pro', 'value' => 'pro', 'show' => ! $license_valid, ), array( 'label' => 'Requires PHP 8.1+', 'value' => 'pro', 'show' => ! $php_version_valid, ), array( 'label' => __( 'Recommended', 'quickwebp' ), 'value' => 'recommended', 'show' => true, ), ), ) ) ) ); ?> render_component( array( 'type' => 'button-group', 'name' => 'quickwebp_settings_conversion_quality', 'label' => __( 'Image Quality', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_conversion_quality' ), 'options' => array( array( 'label' => __( 'Low', 'quickwebp' ), 'value' => 'low', 'color' => '#E74C3C', 'desc' => __( 'Smallest size', 'quickwebp' ), ), array( 'label' => __( 'Medium', 'quickwebp' ), 'value' => 'medium', 'color' => '#E67E22', 'desc' => __( 'Good balance', 'quickwebp' ), ), array( 'label' => __( 'High', 'quickwebp' ), 'value' => 'high', 'color' => '#16A34A', 'desc' => __( 'High quality & good size', 'quickwebp' ), 'taglines' => array( array( 'label' => __( 'Recommended', 'quickwebp' ), 'value' => 'recommended', 'show' => true, ), ), ), array( 'label' => __( 'Extra High', 'quickwebp' ), 'value' => 'extra_high', 'color' => '#2563EB', 'desc' => __( 'Maximum quality', 'quickwebp' ), ), ) ) ); ?> render_component( array( 'type' => 'checkbox', 'name' => 'quickwebp_settings_conversion_ignore_webp', 'label' => __( 'Do not compress images already in same format', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_conversion_ignore_webp' ), 'options' => array( array( 'label' => '', 'value' => 'checked' ) ) ) ); ?> render_component( array( 'type' => 'checkbox', 'name' => 'quickwebp_settings_conversion_save_original', 'label' => __( 'Save original images', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_conversion_save_original' ), 'options' => array( array( 'label' => '', 'value' => 'checked' ) ) ) ); ?> render_component( array( 'type' => 'radio', 'name' => 'quickwebp_settings_conversion_display_webp_mode', 'label' => __( 'Display images in WebP format on the site', 'quickwebp' ), 'description' => sprintf( // translators: %s is a placeholder for the description for nginx. __( 'If activated, this option allows to deliver optimized images in bulk via QuickWebP in WebP format (useless for images converted to import). %s', 'quickwebp' ), $quickwebp_description_for_nginx ), 'default' => quickwebp_settings_default( 'quickwebp_settings_conversion_display_webp_mode' ), 'options' => array( array( 'label' => __( 'Deactivate', 'quickwebp' ), 'value' => 'disabled' ), array( 'label' => __( 'Use tags', 'quickwebp' ), 'value' => 'picture' ), array( 'label' => sprintf( // translators: %s is a placeholder for the text "(beta)" if the server is Nginx. __( 'Use rewrite rules %s', 'quickwebp' ), $is_nginx ? '(beta)' : '' ), 'value' => 'rewrite' ) ) ) ); ?>

render_component( array( 'type' => 'toggle', 'name' => 'quickwebp_settings_resize', 'label' => __( 'Enable/disable image resizing', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_resize' ), 'classes' => 'toggle-with-children', 'description' => __( 'By default, WordPress limits the maximum width of uploaded images to 2560 pixels.', 'quickwebp' ), ) ); ?> render_component( array( 'type' => 'number', 'name' => 'quickwebp_settings_resize_value', 'label' => __( 'Max size', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_resize_value' ) ) ); ?>

render_component( array( 'type' => 'toggle', 'name' => 'quickwebp_settings_completion', 'label' => __( 'Enable/disable smart media completion for SEO', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_completion' ), 'classes' => 'toggle-with-children', 'description' => __( 'This feature will automatically complete the media information (title, caption, alt text, description) from the image name.', 'quickwebp' ), ) ); ?> render_component( array( 'type' => 'checkbox', 'name' => 'quickwebp_settings_completion_options', 'default' => quickwebp_settings_default( 'quickwebp_settings_completion_options' ), 'options' => array( array( 'label' => __( 'Title completion from image name', 'quickwebp' ), 'value' => 'title', ), array( 'label' => __( 'Caption completion from image name.', 'quickwebp' ), 'value' => 'caption', ), array( 'label' => __( 'Alt text completion from image name.', 'quickwebp' ), 'value' => 'alt', ), array( 'label' => __( 'Description completion from image name.', 'quickwebp' ), 'value' => 'description', ) ) ) ); ?>

render_component( array( 'type' => 'toggle', 'name' => 'quickwebp_settings_cleanup', 'label' => __( 'Enable/disable file name cleanup', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_cleanup' ), // 'description' => __( 'Remove special characters from file names.', 'quickwebp' ), ) ); ?> render_component( array( 'type' => 'toggle', 'name' => 'quickwebp_settings_paste_image', 'label' => __( 'Enable/disable paste picture directly (beta)', 'quickwebp' ), 'default' => quickwebp_settings_default( 'quickwebp_settings_paste_image' ), 'description' => __( 'With this feature you can paste directly your picture in WordPress media.', 'quickwebp' ), ) ); ?>