Forums / Developer / Imagemagick resize to given size from center (with solution)

Imagemagick resize to given size from center (with solution)

Author Message

Patrick Kaiser

Wednesday 14 October 2009 4:09:40 am

Hi,

I found a generic (1 step) solution to the problem of generating thumbnails meeting the following requirements:
1) Use a given size, e.g. 180 x 140
2) Resize from center, no matter if original image is landscape or portrait
3) Crop the rest

To use it just add the following lines in your image.ini.append.php

[ImageMagick]
Filters[]=thumbnail=-resize x%4 -resize %3x< -resize 50% -gravity center -crop %1x%2+0+0 +repage

Now you can use the defined filter in your image aliases:

The first two numbers are the x and y of your desired image size, the later two numbers are the double values of recent ones.

[yourAliasName]
Reference=reference
Filters[]
Filters[]=thumbnail=180;140;360;280

This will work with imagemagick versions below 6.3.8-3, if you have this or a newer version
you could take advantage of the newly introduced ^ (Fill-Area-Flag). An (untested) Filter could like:

[ImageMagick]
Filters[]=thumbnail1=-resize %1x%2^ -gravity center -extent %1x%2

 

Hope this saves some time for someone..


Best regards,

Patrick

*- pike

Thursday 15 October 2009 3:03:53 am

Thanks

From the top of my head - if i remember correctly - the above works for images with a ratio less then 1:2 or 2:1 (because of the algorithm used). which is fine 99.9% of the times.

The solution also zooms in a bit (50%?) on the image, and the caret option wouldn't. But actually, I think I like the zoom effect on a thumbnail.

$2c,
*-pike

---------------
The class eZContentObjectTreeNode does.

Sander van den Akker

Wednesday 20 January 2010 5:36:07 am

Thanks for sharing your filter. I can confirm that your suggested code for newer imagemagick versions works properly.

On regular images that is. I tried both filters on an image of 200x300 (width x height) pixels, but the thumbnail looks out of proportions. Does anyone know a solution for generating thumbnails of a stretched/any image?

eZ Publish certified developer
http://auth.ez.no/certification/verify/392313

Frederik Krautwald

Friday 19 November 2010 2:26:14 pm

Does anyone have a solution for this using GD?

Add, I got a solution. I will publish this later. If you can’t wait, PM me.

Frederik Krautwald
Executive Creative Director

eZ debug

Timing: Jan 18 2025 10:27:32
Script start
Timing: Jan 18 2025 10:27:32
Module start 'content'
Timing: Jan 18 2025 10:27:32
Module end 'content'
Timing: Jan 18 2025 10:27:32
Script end

Main resources:

Total runtime0.1279 sec
Peak memory usage2,048.0000 KB
Database Queries141

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0057 587.9688180.7969
Module start 'content' 0.00570.0048 768.765698.1016
Module end 'content' 0.01040.1174 866.8672527.4219
Script end 0.1278  1,394.2891 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00342.6650200.0002
Check MTime0.00141.0635200.0001
Mysql Total
Database connection0.00090.731210.0009
Mysqli_queries0.088369.01471410.0006
Looping result0.00110.85711390.0000
Template Total0.117191.510.1171
Template load0.00080.646610.0008
Template processing0.116290.884210.1162
Override
Cache load0.00060.441910.0006
Sytem overhead
Fetch class attribute can translate value0.00060.501310.0006
XML
Image XML parsing0.00030.197110.0003
General
dbfile0.00302.3538200.0002
String conversion0.00000.004330.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 1
 Number of unique templates used: 1

Time used to render debug report: 0.0001 secs