I loaded the watermark in my browser (raw) and it's definitely transparent but just not on the image. I tried setting headers and output to PNG instead but still no luck. I've just read another SO question and one of the answers advised that it won't be transparent if you don't add these two lines: imagealphablending($image, false) For example, in the Format section, change GIF Lossy compression to 6.I know this has been covered PLENTY of times but I keep trying different scripts and modifying the one I have, and I still can't get my PNG-24 watermark.png to be transparent over the top of my parent image. If those remedies are difficult or if a large number of images display the old watermark, you can purge your entire CDN cache by changing a setting in your Default profile. quality, width, height or GIF compression level). To clear the cache, either rename the watermark image rename the main image or add/change any dynamic imaging setting in the URL or profile (e.g. For example, if a new version of logo.png was uploaded, then the following image would still show the old version: However, if the new image is a watermark image, the cache will not automatically purge. ![]() Images are automatically purged from the CDN cache when old images are overwritten with new ones. ' ' and ' ' - set the starting point of the crop: ' ' and ' ' - crop the watermark in either pixels or percentage (%). A value smaller than the size of the watermark image will crop it. and - changes the size of the canvas to add padding, in pixels or percentage (%). ' ' - sets the color of the background for the watermark canvas. ' ' - is set on a scale from 0 (transparent) to 100 (opaque) to control the background for the watermark canvas. Placing different images behind it changes the user experience of the bottle. In the examples below, the original image (on the left) is a PNG-24 with alpha transparency. If your image has transparency, like the PNG robot below, you could put an image behind it - in this case, a generic logo: ' watermark.layer' - lets you change the layer position - either in front or behind the image. From -180 to 180, with a default value of '0'. ' watermark.rotate' - sets the amount of rotation for the watermark image. ' watermark.opacity' - is set on a scale from 0 (transparent) to 100 (opaque). The example below moves the watermark down () by 23% from the north position: ![]() The default compass position is northwest (top left) and can be changed to any compass location, or center. ' ' - sets the starting point for shifting the x & y values. ![]() You can use either pixels or percent (%), as either positive or negative values. ![]() ' ' - sets the distance from the left and ' ' sets the distance from the top. &=35%&watermark.opacity=55%&=80%&=110%&watermark.rotate=-35Īlternatively, watermarks can be located elsewhere, with a choice of three options. The ' tile' setting repeats the watermark across the image:Ĭombine it with other settings to achieve the example below: ' watermark.position' - sets the position of the watermark as either 'center', 'tile' or the point on a compass: 'north', 'northeast', 'northwest', 'south', 'southeast', 'southwest', 'east', 'west'. Important We recommend using percentage based values if you want to deliver high quality retina images to your visitors with the help of Sirv.js. You can also choose 'fit' to fit inside the specified width/height, 'fill' to fill the width/height (and spill over) or 'ignore' to stretch the watermark. The default 'noup' will not upscale the watermark beyond its original size. ' ' - sets how the watermark scales when both and are set.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |