Forums / Developer / PNG image resize loose transparency

PNG image resize loose transparency

Author Message

Olivier Versanne

Monday 06 July 2009 4:39:35 am

Hi,

I'm using eZ Image filters to resize my PNG pictures.

Here my image.ini.append.php :

<?php /* #?ini charset="iso-8859-1"?

[AliasSettings]
AliasList[]=alternate_view

[alternate_view]
Reference=reference
Filters[]=geometry/scaledownonly=45;45
*/

And, when I try to view the resized picture, I get a black background instead of transparency background.
I think this problem comes from the grafical module that eZ is using. How could I know which extension eZ uses, and how could I change it? (Imagick / GD... or another that works with eZ).

Thanks,

Olivier.

André R.

Monday 06 July 2009 5:24:25 am

This is controlled by image.ini settings, and if ImageMagic is not used (as in GD is used instead), you can see that in settings/override/image.ini.append.php with content like this:

[ImageMagick]
IsEnabled=false

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Olivier Versanne

Monday 13 July 2009 4:24:23 am

Thanks!

Vytautas Germanavičius

Thursday 08 October 2009 4:52:09 am

after i switched to gd i lost transparency on all png images.

Has anyone solution for this?

i filled issue:
http://issues.ez.no/IssueView.php?Id=15640&activeItem=1

{set-block scope=root variable=cache_ttl}0{/set-block}

Vytautas Germanavičius

Friday 17 June 2011 8:22:21 am

This message gave me idea
http://stackoverflow.com/questions/32243/can-png-image-transparency-be-preserved-when-using-phps-gdlib-imagecopyresampled

And i made small changes in ezimagegdhandler.php:
i added

    imagealphablending( $temporaryImageObject, false );    imagesavealpha( $temporaryImageObject, true );

after

       $temporaryImageObject = eZImageGDHandler::imageCreate( $destinationWidth, $destinationHeight, eZImageGDHandler::isImageTrueColor( $imageObject, $sourceMimeData ) );

It saves PNG transparency before resizing.

I made patch, if someone is interested. http://issues.ez.no/IssueView.php?Id=15640&activeItem=1

{set-block scope=root variable=cache_ttl}0{/set-block}

eZ debug

Timing: Jan 18 2025 00:06:26
Script start
Timing: Jan 18 2025 00:06:26
Module start 'content'
Timing: Jan 18 2025 00:06:26
Module end 'content'
Timing: Jan 18 2025 00:06:26
Script end

Main resources:

Total runtime0.1518 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.0070 587.7422180.8281
Module start 'content' 0.00700.0061 768.570398.1016
Module end 'content' 0.01310.1386 866.6719526.5469
Script end 0.1516  1,393.2188 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00382.5337200.0002
Check MTime0.00130.8710200.0001
Mysql Total
Database connection0.00110.754710.0011
Mysqli_queries0.101566.83441410.0007
Looping result0.00120.81921390.0000
Template Total0.138291.010.1382
Template load0.00120.775310.0012
Template processing0.137090.214710.1370
Override
Cache load0.00080.551210.0008
Sytem overhead
Fetch class attribute can translate value0.00090.605310.0009
XML
Image XML parsing0.00040.246410.0004
General
dbfile0.00664.3739200.0003
String conversion0.00000.003930.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.0002 secs