it-swarm.com.de

Wie kann ich die Bildqualität beim Hochladen verringern?

Ich weiß, dass ich den jpeg_quality-Filter folgendermaßen verwenden kann:

add_filter('jpeg_quality', function($arg){return 75;});

Dies verringert die Bildqualität der beim Hochladen erzeugten Bilder, z. B. Miniaturansicht , Mittel und Groß Bildgrößen, jedoch das Original . Das Bild befindet sich noch in der ursprünglichen Qualität.

Gibt es einen Filter oder eine Funktion, die ich hinzufügen kann, um die Bildqualität des Originals Bildes beim Hochladen zu verringern?

3
bigmike7801

Im Allgemeinen würde ich nicht empfehlen, die ursprünglich hochgeladenen Bilddateien zu ändern, nur für den Fall, dass wir möglicherweise Zwischengrößen neu generieren müssen.

Aber mal sehen ob es geht :-)

Im Allgemeinen können wir WordPress den Bildeditor, der von Modulen wie Gd oder Imagick abhängt, über Folgendes auswählen lassen:

$editor = wp_get_image_editor( $file );

dies kann jedoch ein WP_Error-Objekt zurückgeben, sodass wir es besser mit is_wp_error( $editor ) überprüfen, bevor wir es verwenden.

Es ist nützlich, den Bildeditor mit Methoden wie set_quality() und save() arbeiten zu lassen. Wir können ein solches Verwendungsbeispiel im Resize Image After Upload Plugin sehen, das von @MerchantWeb erwähnt wird. Dies wird auch vom Kern auf verschiedene Arten verwendet.

Das Plugin wird in den wp_handle_upload-Filter eingebunden, um die ursprünglich hochgeladenen JPEG-Bilddateien zu ändern, soweit ich das verstehe.

A) Wir könnten daher Folgendes verwenden, um die Qualität der ursprünglichen JPEG-Bilddatei (auf beispielsweise 90) während des Uploads zu ändern:

/**
 * A) Modify the quality of original jpeg images to 90, during uploads
 */
add_filter( 'wp_handle_upload', function( $data )
{
    if( ! isset( $data['file'] ) || ! isset( $data['type'] ) )
        return $data;

    // Target jpeg images       
    if( in_array( $data['type'], [ 'image/jpg', 'image/jpeg' ] ) )
    {
        // Check for a valid image editor
        $editor = wp_get_image_editor( $data['file'] );    
        if( ! is_wp_error( $editor ) )
        {
            // Set the new image quality
            $result = $editor->set_quality( 90 );

            // Re-save the original image file
            if( ! is_wp_error( $result ) )
                $editor->save( $data['file'] );
        }
    }
    return $data;
} );

aber es sieht für mich so aus, als würde dies auch alle Zwischengrößen betreffen, da diese vor generiert werden.

B) Wenn wir uns die media_handle_upload() -Funktion ansehen, können wir stattdessen erwägen, den wp_generate_attachment_metadata -Filter zu verwenden, um die ursprüngliche JPEG-Bilddatei zu ändern, nach die Zwischengrößen wurden generiert.

Hier ist ein Beispiel (PHP 5.4+):

/**
 * B) Modify the quality of original jpeg images to 90, during uploads
 */
add_filter( 'wp_generate_attachment_metadata', function( $metadata, $attachment_id ) 
{
    $file = get_attached_file( $attachment_id );
    $type = get_post_mime_type( $attachment_id );

    // Target jpeg images
    if( in_array( $type, [ 'image/jpg', 'image/jpeg' ] ) )
    {
        // Check for a valid image editor
        $editor = wp_get_image_editor( $file );
        if( ! is_wp_error( $editor ) )
        {
            // Set the new image quality
            $result = $editor->set_quality( 90 );

            // Re-save the original image file
            if( ! is_wp_error( $result ) )
                $editor->save( $file );
        }
    }   
    return $metadata;
}, 10, 2 );

Wenn wir dies weiter einschränken müssen, können wir dies auch in den wp_handle_upload-Hook einbinden und nach dem relevanten action -Kontext suchen, z. B. wp_handle_upload oder sideload.

Möglicherweise müssen wir beim Testen auch die Qualität sehr niedrig einstellen, nur um zu sehen, ob es funktioniert hat ;-)

Hinweis : Dies sind nur Demos, die weiter getestet werden müssten.

Update: Habe gerade ein paar einfache Tests mit einem Bild unserer Küchenwanduhr gemacht. Hier sehen wir, dass, wenn das Bild in voller Größe mit der Qualität 5 erneut gespeichert wird, alle Zwischengrößen:

  • A) sind auch von geringer Qualität.
  • B) sind nicht betroffen.

Hier sind die kombinierten Ergebnisse:

 a 

 b 

4
birgire

Diese Antwort könnte Ihnen helfen: https://wordpress.stackexchange.com/a/69287/92649

Sie müssten Ihr Bild jedoch mit einer höheren Auflösung als "groß" hochladen, um diesen Effekt zu erzielen

0
Web-Entwickler

Es gibt ein Plugin namens Bildgröße nach dem Hochladen ändern:

<?php
/*
Plugin Name: Resize Image After Upload
Plugin URI: https://wordpress.org/plugins/resize-image-after-upload/
Description: Simple plugin to automatically resize uploaded images to within specified maximum width and height. Also has option to force recompression of JPEGs. Configuration options found under <a href="options-general.php?page=resize-after-upload">Settings > Resize Image Upload</a>
Author: iamphilrae
Version: 1.7.2
Author URI: http://www.philr.ae/

Copyright (C) 2015 iamphilrae

This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/

$PLUGIN_VERSION = '1.7.2';
$DEBUG_LOGGER = false;


// Default plugin values
if(get_option('jr_resizeupload_version') != $PLUGIN_VERSION) {

  add_option('jr_resizeupload_version',             $PLUGIN_VERSION, '','yes');
  add_option('jr_resizeupload_width',               '1200', '', 'yes');
  add_option('jr_resizeupload_height',              '1200', '', 'yes');
  add_option('jr_resizeupload_quality',             '90', '', 'yes');
  add_option('jr_resizeupload_resize_yesno',        'yes', '','yes');
  add_option('jr_resizeupload_recompress_yesno',    'no', '','yes');
  add_option('jr_resizeupload_convertbmp_yesno',    'no', '', 'yes');
  add_option('jr_resizeupload_convertpng_yesno',    'no', '', 'yes');
  add_option('jr_resizeupload_convertgif_yesno',    'no', '', 'yes');
}



// Hook in the options page
add_action('admin_menu', 'jr_uploadresize_options_page');

// Hook the function to the upload handler
add_action('wp_handle_upload', 'jr_uploadresize_resize');




/**
* Add the options page
*/
function jr_uploadresize_options_page(){
    if(function_exists('add_options_page')){
        add_options_page(
            'Resize Image After Upload',
            'Resize Image Upload',
            'manage_options',
            'resize-after-upload',
            'jr_uploadresize_options'
        );
    }
} // function jr_uploadresize_options_page(){



/**
* Define the Options page for the plugin
*/
function jr_uploadresize_options(){

  if(isset($_POST['jr_options_update'])) {

    $resizing_enabled = trim(esc_sql($_POST['yesno']));
    $force_jpeg_recompression   = trim(esc_sql($_POST['recompress_yesno']));

    $max_width   = trim(esc_sql($_POST['maxwidth']));
    $max_height  = trim(esc_sql($_POST['maxheight']));
    $compression_level    = trim(esc_sql($_POST['quality']));

    $convert_png_to_jpg = trim(esc_sql(isset($_POST['convertpng']) ? $_POST['convertpng'] : 'no'));
    $convert_gif_to_jpg = trim(esc_sql(isset($_POST['convertgif']) ? $_POST['convertgif'] : 'no'));
    $convert_bmp_to_jpg = trim(esc_sql(isset($_POST['convertbmp']) ? $_POST['convertbmp'] : 'no'));


    // If input is not an integer, use previous setting
    $max_width = ($max_width == '') ? 0 : $max_width;
    $max_width = (ctype_digit(strval($max_width)) == false) ? get_option('jr_resizeupload_width') : $max_width;
    update_option('jr_resizeupload_width',$max_width);


    $max_height = ($max_height == '') ? 0 : $max_height;
    $max_height = (ctype_digit(strval($max_height)) == false) ? get_option('jr_resizeupload_height') : $max_height;
    update_option('jr_resizeupload_height',$max_height);


    $compression_level = ($compression_level == '') ? 1 : $compression_level;
    $compression_level = (ctype_digit(strval($compression_level)) == false) ? get_option('jr_resizeupload_quality') : $compression_level;

    if($compression_level < 1) {
        $compression_level = 1;
    }
    else if($compression_level > 100) {
        $compression_level = 100;
    }

    update_option('jr_resizeupload_quality',$compression_level);




    if ($resizing_enabled == 'yes') {
      update_option('jr_resizeupload_resize_yesno','yes'); }
    else {
      update_option('jr_resizeupload_resize_yesno','no'); }


    if ($force_jpeg_recompression == 'yes') {
      update_option('jr_resizeupload_recompress_yesno','yes'); }
    else {
      update_option('jr_resizeupload_recompress_yesno','no'); }


    if ($convert_png_to_jpg == 'yes') {
      update_option('jr_resizeupload_convertpng_yesno','yes'); }
    else {
      update_option('jr_resizeupload_convertpng_yesno','no'); }

    if ($convert_gif_to_jpg == 'yes') {
      update_option('jr_resizeupload_convertgif_yesno','yes'); }
    else {
      update_option('jr_resizeupload_convertgif_yesno','no'); }

    if ($convert_bmp_to_jpg == 'yes') {
      update_option('jr_resizeupload_convertbmp_yesno','yes'); }
    else {
      update_option('jr_resizeupload_convertbmp_yesno','no'); }



    echo('<div id="message" class="updated fade"><p><strong>Options have been updated.</strong></p></div>');
  } // if



  // get options and show settings form
  $resizing_enabled = get_option('jr_resizeupload_resize_yesno');
  $force_jpeg_recompression = get_option('jr_resizeupload_recompress_yesno');
  $compression_level  = intval(get_option('jr_resizeupload_quality'));

  $max_width     = get_option('jr_resizeupload_width');
  $max_height    = get_option('jr_resizeupload_height');

  $convert_png_to_jpg = get_option('jr_resizeupload_convertpng_yesno');
  $convert_gif_to_jpg = get_option('jr_resizeupload_convertgif_yesno');
  $convert_bmp_to_jpg = get_option('jr_resizeupload_convertbmp_yesno');
?>
<style type="text/css">
.resizeimage-button {
  color: #FFF;
  background: none repeat scroll 0% 0% #FC9A24;
  border-radius: 3px;
  display: inline-block;
  border-bottom: 4px solid #EC8A14;
  margin-right:5px;
  line-height:1.05em;
  text-align: center;
  text-decoration: none;
  padding: 9px 20px 8px;
  font-size: 15px;
  font-weight: bold;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}

.resizeimage-button:active,
.resizeimage-button:hover,
.resizeimage-button:focus {
  background-color: #EC8A14;
  color: #FFF;
}

.media-upload-form div.error, .wrap div.error, .wrap div.updated {
  margin: 25px 0px 25px;
}

</style>

<div class="wrap">
    <form method="post" accept-charset="utf-8">

        <h2><img src="<?php echo plugins_url('icon-128x128.png', __FILE__ ); ?>" style="float:right; border:1px solid #ddd;margin:0 0 15px 15px;width:100px; height:100px;" />Resize Image After Upload</h2>

        <div style="max-width:700px">
        <p>This plugin automatically resizes uploaded images (JPEG, GIF, and PNG) to within a given maximum width and/or height to reduce server space usage. This may be necessary due to the fact that images from digital cameras and smartphones can now be over 10MB each due to higher megapixel counts.</p>

        <p>In addition, the plugin can force re-compression of uploaded JPEG images, regardless of whether they are resized or not; and convert uploaded GIF and PNG images into JPEG format.</p>

        <p><strong>Note:</strong> the resizing/recompression process will discard the original uploaded file including EXIF data.</p>

        <p>This plugin is not intended to replace the WordPress <em>add_image_size()</em> function, but rather complement it. Use this plugin to ensure that no excessively large images are stored on your server, then use <em>add_image_size()</em> to create versions of the images suitable for positioning in your website theme.</p>

        <p>This plugin uses standard PHP image resizing functions and will require a high amount of memory (RAM) to be allocated to PHP in your php.ini file (e.g 512MB).</p>

        <h4 style="font-size: 15px;font-weight: bold;margin: 2em 0 0;">Like the plugin?</h4>

        <p>This plugin was written and is maintained for free (as in free beer) by me, <a href="http://philr.ae" target="_blank">Phil Rae</a>. If you find it useful please consider donating some small change or bitcoins to my beer fund because beer is very seldom free. Thanks!</p>

        <p style="padding-bottom:2em;" class="resizeimage-button-wrapper">

          <a class="resizeimage-button" href="https://www.Paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=3W4M254AA3KZG" target="_blank">Donate cash</a>

        <a class="resizeimage-button coinbase-button" data-code="9584265cb76df0b1e99979163de143f5" data-button-style="custom_small" target="_blank" href="https://coinbase.com/checkouts/9584265cb76df0b1e99979163de143f5">Donate bitcoins</a>

        </p>
        </div>

        <hr style="margin-top:20px; margin-bottom:0;">
        <hr style="margin-top:1px; margin-bottom:40px;">

        <h3>Re-sizing options</h3>
        <table class="form-table">
            <tr>
                <th scope="row">Enable re-sizing</th>
                <td valign="top">
                    <select name="yesno" id="yesno">
                        <option value="no" label="no" <?php echo ($resizing_enabled == 'no') ? 'selected="selected"' : ''; ?>>NO - do not resize images</option>
                        <option value="yes" label="yes" <?php echo ($resizing_enabled == 'yes') ? 'selected="selected"' : ''; ?>>YES - resize large images</option>
                    </select>
                </td>
            </tr>

            <tr>
                <th scope="row">Max image dimensions</th>

                <td>
                    <fieldset><legend class="screen-reader-text"><span>Maximum width and height</span></legend>
                        <label for="maxwidth">Max width</label>
                        <input name="maxwidth" step="1" min="0" id="maxwidth" class="small-text" type="number" value="<?php echo $max_width; ?>">
                        &nbsp;&nbsp;&nbsp;<label for="maxheight">Max height</label>
                        <input name="maxheight" step="1" min="0" id="maxheight" class="small-text" type="number" value="<?php echo $max_height; ?>">
                        <p class="description">Set to zero or very high value to prevent resizing in that dimension.
                        <br />Recommended values: <code>1200</code></p>
                    </fieldset>
                </td>


            </tr>

        </table>

        <hr style="margin-top:20px; margin-bottom:30px;">

        <h3>Compression options</h3>
        <p style="max-width:700px">The following settings will only apply to uploaded JPEG images and images converted to JPEG format.</p>

        <table class="form-table">

            <tr>
                <th scope="row">JPEG compression level</th>
                <td valign="top">
                    <select id="quality" name="quality">
                    <?php for($i=1; $i<=100; $i++) : ?>
                        <option value="<?php echo $i; ?>" <?php if($compression_level == $i) : ?>selected<?php endif; ?>><?php echo $i; ?></option>
                    <?php endfor; ?>
                    </select>
                    <p class="description"><code>1</code> = low quality (smallest files)
                    <br><code>100</code> = best quality (largest files)
                    <br>Recommended value: <code>90</code></p>
                </td>
            </tr>

            <tr>
                <th scope="row">Force JPEG re-compression</th>
                <td>
                    <select name="recompress_yesno" id="yesno">
                        <option value="no" label="no" <?php echo ($force_jpeg_recompression == 'no') ? 'selected="selected"' : ''; ?>>NO - only re-compress resized jpeg images</option>
                        <option value="yes" label="yes" <?php echo ($force_jpeg_recompression == 'yes') ? 'selected="selected"' : ''; ?>>YES - re-compress all uploaded jpeg images</option>
                    </select>
                </td>
            </tr>

        </table>

        <?php /* DEFINED HERE FOR FUTURE RELEASE - does not do anything if uncommented
        <hr style="margin-top:20px; margin-bottom:20px;">

        <h3>Image conversion options</h3>
        <p style="max-width:700px">Photos saved as PNG and GIF images can be extremely large in file size due to their compression methods not being suited for photos. Enable these options below to automatically convert GIF and/or PNG images to JPEG.</p>

        <p>When enabled, conversion will happen to all uploaded GIF/PNG images, not just ones that require resizing.</p>

        <table class="form-table">

            <tr>
                <th scope="row">Convert GIF to JPEG</th>
                <td>
                    <select id="convert-gif" name="convertgif">
                        <option value="no" <?php if($convert_gif_to_jpg == 'no') : ?>selected<?php endif; ?>>NO - just resize uploaded gif images as normal</option>
                        <option value="yes" <?php if($convert_gif_to_jpg == 'yes') : ?>selected<?php endif; ?>>YES - convert all uploaded gif images to jpeg</option>
                    </select>
                </td>
            </tr>

            <tr>
                <th scope="row">Convert PNG to JPEG</th>
                <td>
                    <select id="convert-png" name="convertpng">
                        <option value="no" <?php if($convert_png_to_jpg == 'no') : ?>selected<?php endif; ?>>NO - just resize uploaded png images as normal</option>
                        <option value="yes" <?php if($convert_png_to_jpg == 'yes') : ?>selected<?php endif; ?>>YES - convert all uploaded png images to jpeg</option>
                    </select>
                </td>
            </tr>

        </table>
        */ ?>

        <hr style="margin-top:30px;">

        <p class="submit" style="margin-top:10px;border-top:1px solid #eee;padding-top:20px;">
          <input type="hidden" id="convert-bmp" name="convertbmp" value="no" />
          <input type="hidden" name="action" value="update" />
          <input id="submit" name="jr_options_update" class="button button-primary" type="submit" value="Update Options">
        </p>
    </form>

</div>
<?php
} // function jr_uploadresize_options(){





/**
* This function will apply changes to the uploaded file
* @param $image_data - contains file, url, type
*/
function jr_uploadresize_resize($image_data){


  jr_error_log("**-start--resize-image-upload");


  $resizing_enabled = get_option('jr_resizeupload_resize_yesno');
    $resizing_enabled = ($resizing_enabled=='yes') ? true : false;

  $force_jpeg_recompression = get_option('jr_resizeupload_recompress_yesno');
    $force_jpeg_recompression = ($force_jpeg_recompression=='yes') ? true : false;

  $compression_level = get_option('jr_resizeupload_quality');


  $max_width  = get_option('jr_resizeupload_width')==0 ? false : get_option('jr_resizeupload_width');

  $max_height = get_option('jr_resizeupload_height')==0 ? false : get_option('jr_resizeupload_height');


  $convert_png_to_jpg = get_option('jr_resizeupload_convertpng_yesno');
    $convert_png_to_jpg = ($convert_png_to_jpg=='yes') ? true : false;

  $convert_gif_to_jpg = get_option('jr_resizeupload_convertgif_yesno');
    $convert_gif_to_jpg = ($convert_gif_to_jpg=='yes') ? true : false;

  $convert_bmp_to_jpg = get_option('jr_resizeupload_convertbmp_yesno');
    $convert_bmp_to_jpg = ($convert_bmp_to_jpg=='yes') ? true : false;



  //---------- In with the old v1.6.2, new v1.7 (WP_Image_Editor) ------------

  if($resizing_enabled || $force_jpeg_recompression) {

        $fatal_error_reported = false;
        $valid_types = array('image/gif','image/png','image/jpeg','image/jpg');

    if(empty($image_data['file']) || empty($image_data['type'])) {
        jr_error_log("--non-data-in-file-( ".print_r($image_data, true)." )");  
          $fatal_error_reported = true;
    }
    else if(!in_array($image_data['type'], $valid_types)) {
        jr_error_log("--non-image-type-uploaded-( ".$image_data['type']." )");
          $fatal_error_reported = true;
    }

    jr_error_log("--filename-( ".$image_data['file']." )");
    $image_editor = wp_get_image_editor($image_data['file']);
    $image_type = $image_data['type'];


    if($fatal_error_reported || is_wp_error($image_editor)) {
      jr_error_log("--wp-error-reported");
    }
    else {

      $to_save = false;
      $resized = false;


      // Perform resizing if required
      if($resizing_enabled) {

        jr_error_log("--resizing-enabled");
        $sizes = $image_editor->get_size();

        if((isset($sizes['width']) && $sizes['width'] > $max_width)
          || (isset($sizes['height']) && $sizes['height'] > $max_height)) {

          $image_editor->resize($max_width, $max_height, false);
          $resized = true;
          $to_save = true;

          $sizes = $image_editor->get_size();
          jr_error_log("--new-size--".$sizes['width']."x".$sizes['height']);
        }
        else {
          jr_error_log("--no-resizing-needed");
        }
      }
      else {
        jr_error_log("--no-resizing-requested");
      }


      // Regardless of resizing, image must be saved if recompressing
      if($force_jpeg_recompression && ($image_type=='image/jpg' || $image_type=='image/jpeg')) {

        $to_save = true;
        jr_error_log("--compression-level--q-".$compression_level);
      }
      elseif(!$resized) {
        jr_error_log("--no-forced-recompression");
      }


      // Only save image if it has been resized or need recompressing
      if($to_save) {

        $image_editor->set_quality($compression_level);
        $saved_image = $image_editor->save($image_data['file']);
        jr_error_log("--image-saved");
      }
      else {
        jr_error_log("--no-changes-to-save");
      }
    }
  } // if($resizing_enabled || $force_jpeg_recompression)

  else {
    jr_error_log("--no-action-required");
  }

  jr_error_log("**-end--resize-image-upload\n");


  return $image_data;
} // function jr_uploadresize_resize($image_data){


/**
* Simple debug logging function. Will only output to the log file
* if 'debugging' is turned on.
*/
function jr_error_log($message) {
  global $DEBUG_LOGGER;

  if($DEBUG_LOGGER) {
    error_log(print_r($message, true));
  }
}
0
MerchantWeb