Questions tagged [image-transforms]

Craft's native, non-destructive image manipulations.

Filter by
Sorted by
Tagged with
1 vote
1 answer
209 views

Image Transform Files Path

Regarding the Image Transforms and the handling of its files. Is there a config setting that controls the location (file path) of the Image Transform Files? By default there is automatically created ...
user avatar
1 vote
2 answers
702 views

Image transform with focal point - in Element API

I can call predefined image transforms no problem - $image->getUrl('small') but cropped mobile transforms need to use the image asset's set focal point (from the Image Editor). I can't find any ...
user avatar
  • 123
0 votes
1 answer
254 views

Image transforms on remote server are broken by `cpresources/transforms` url [duplicate]

My local image transforms successfully load in the FE but they do not load remotely. This is the local url where images load successfully /uploads/case-studies/deployment-image/...
user avatar
  • 117
1 vote
0 answers
205 views

Redactor inserts reference tags into IMG when using image transforms, but tag not being processed by parseRefs

Been working with Craft for about a year, but today for the first time I had to modify the Redactor config to place images inside a body field. I added 'image' to my buttons array and everything ...
user avatar
5 votes
4 answers
306 views

What are the best practices for the development setup?

I've started with Craft developing all locally. The struggle for me when working locally was synchronizing the database and the backend assets with coworkers on the same project. In the last project ...
user avatar
2 votes
2 answers
83 views

Use Imager plugin with AssetTransforms defined in admin panel

I'm trying to use the Imager plugin with some asset transforms that I've defined in the admin panel. Passing the name of the transform is just tossing an error at me. Is there a way to do this, or ...
user avatar
1 vote
2 answers
796 views

Get a defined image-transform's width and height in front-end template

Is it possible to retrieve a control panel defined imagetransform’s dimensions in a front-end template without having to retrieve an asset? Because when there is no asset provided, I can't seem to ...
user avatar
  • 157
1 vote
2 answers
679 views

How can I base64-encode an Image Transform?

I'm trying to use this plugin, but it requires an AssetFileModel as input. I can pass it the asset in question, no problem, but I'm wanting to pass it a transformed version of the asset. However, it ...
user avatar
  • 606
1 vote
1 answer
245 views

Image transforms return cpresources URL and doesn't apply crop

Despite having tried the tips from Image transforms returning cpresources url, I am still having issues with image-transforms. the problem is when i put the image without transform it work fine, but ...
user avatar
1 vote
1 answer
61 views

Border Radius on Image Transforms

Is it possible to add a border-radius to an Image Transform? I'm using circular profile photos for a client. I could do the radius in CSS, but it'd be nice for the image to output with the radius.
user avatar
0 votes
0 answers
115 views

Imager Effects not working

Usually the effects work fine for me, are there are server requirements to get them working that I have missed? or is the template code below incorrect? {% for block in entry.clientLogos %} {% ...
user avatar
  • 671
0 votes
1 answer
48 views

Image transform glitches

We're having trouble with images being transformed with glitches in them. What would you advise to debug behavior like this?
user avatar
  • 3,833
5 votes
3 answers
668 views

Can you prevent upscaling when using Craft's image transforms?

With Craft's image transforms used to resize images or generate thumbnails, can you prevent images from being upscaled? There's often cases where it makes no sense to increase the dimensions of an ...
user avatar
1 vote
1 answer
584 views

Craft 3: Image transformation - grayscale

Are there any image manipulation options in Craft 3? Like grayscale or so? (what imager does for Craft 2: https://imager.vaersaagod.no/?img=5&demo=basic-image-adjustments)
user avatar
2 votes
2 answers
1k views

Applying an image transform returns a 404 cpresources URL

EDIT 3: Started using imager and no longer have the problem. It's not a real answer to the problem but solves the problem. This is the situation that has me pulling my hairs... I've looked at other ...
user avatar
  • 701
1 vote
1 answer
200 views

Craft creating dirty transparent background on image transformations / resizing

for anyone experiencing dirty transparent backgrounds when you transform transparent PNG images with Craft like this: Source Image: Resized, dirty: Craft Command: craft.assets.id(2).first().getUrl({...
user avatar
1 vote
1 answer
151 views

User-selected Image Transform

I've set up four custom image transforms on the page and would like the content editor to be able to select which size they want the image to be from a drodown field preconfigured with the ...
user avatar
1 vote
1 answer
92 views

Why do Image transformations rename the image?

I noticed that when performing an image transition on an image, the resulting image name is computer gibberish. How can I maintain the original name of the image? Keeping the original name is ...
user avatar
2 votes
1 answer
401 views

Image transform not working with different locales

Working on a site that has a bunch of different locales, I'm bumping into the following issue: On an entry in locale X, I have an image that is displayed with a transform applied to it. However, ...
user avatar
1 vote
1 answer
404 views

Image transform in a plugin

How can I trigger an image transform in a Craft plugin?
user avatar
  • 972
1 vote
1 answer
288 views

asset.first().getUrl('transform') not working for s3 asset - Craft CMS 2.6.2980

I can load the s3 image fine using the s3 base path and the craft cms filename that is saved in the craft cms database: <img src="{{cdnUrl}}/filepath/{{entry.Image.first().filename }}" /> ...
user avatar
  • 121
2 votes
1 answer
264 views

When image transforming png to jpg, alpha layer become lined

I have several png images that when transformed from png to jpg, the alpha layer is transformed to an horizontally lined pattern. Therefore I have to keep them as png, wich is in my case unnecessary ...
user avatar
  • 143
2 votes
1 answer
224 views

Pass image transformations into macro

I have a very basic macro for a lazyloading responsive image tag: {% macro isotopeItem(imgParam) %} {% set thumb = { mode: 'fit', width: 100, quality: 60, } %} {% set tSM = { mode: 'fit', width: ...
user avatar
  • 3,664
3 votes
1 answer
557 views

Why are gif transform file sizes very large?

Our site makes use of gifs to enable the client to upload basic animating images. Any asset field on the site can be jpg, png or gif, and the site makes significant use of transforms for responsive ...
user avatar
  • 480
1 vote
1 answer
298 views

Imager resized image not shown (404)

I'm just trying out the imager plugin. It looks promising! I've set up the first usage example but I don't see any image on my site in the browser. The image is uploaded properly to the asset source ...
user avatar
2 votes
1 answer
1k views

Image transforms not working properly

I have 2 basic JSON files, the only difference between the files is the product.type('') In my general.php I have turned on 'generateTransformsBeforePageLoad' => true, The first JSON file (200 ...
user avatar
  • 485
2 votes
2 answers
390 views

Using Focuspoint with eager loading

I'm using eager loading for retrieving some images for my gallery: {% set employments = craft.entries({ section: 'employments', with: ['photo] }) %} This works fine and I can see all images on my ...
user avatar
  • 287
1 vote
0 answers
136 views

Disable SVG previews for asset field?

A client of mine uploads multiple, complex SVGs (2MB and larger) to an asset field. Unfortunately, Craft CMS isn't able to automatically generate thumbnail images (with a reduced filesize, not just ...
user avatar
2 votes
1 answer
2k views

Image Transform Internal Server Error (500 code) after Craft CMS update

I just updated an "older" Craft site (version 2.4.2702) to the newest update (version 2.6.2958). But now all my image thumbnails in the back-end are missing and if I upload any new assets, the ...
user avatar
  • 1,456
0 votes
1 answer
83 views

Pulling images from other sections with image transform

I would like to display images from various sections, in this case the home page. I am still coming to terms with Twig/Craft's criteria models and the transform makes it confusing. {% for image in ...
user avatar
  • 598
1 vote
1 answer
138 views

How to retrieve the mode of an image transformation from its name?

I work on a portfolio with a large number of images with very high sizes and a lot of images transforms. The server on which this site is hosted reach these limits (images generations process are ...
user avatar
2 votes
1 answer
147 views

Image Transform 404 From User Session

I am trying to load an image transform and continually get a 404 which references an issue with the UserSessionService. I have a attached a screen shot as well as twig template for one of the ...
user avatar
1 vote
0 answers
308 views

Responsive images using Imager when original asset isn't large enough

Anyone here using the Imager plugin and creating responsive images using srcset and sizes? Any ideas on how to avoid creating multiple versions of the same image if the original asset uploaded is ...
user avatar
  • 1,824
1 vote
0 answers
76 views

Why does getUrl fail when using transforms on a translatable asset?

I have a project with the following code: {% if entry.filmPoster | length %} <img src="{{ entry.filmPoster.first().getUrl('filmPoster') }}" alt=""> {% elseif entry.locale('en_gb')....
user avatar
  • 3,084
3 votes
2 answers
534 views

GeneratePendingTransforms stuck every time

I get a stuck GeneratePendingTransforms task over and over again. In the first place, I don't know why any transforms are getting created at that point. By now, almost every image transform for every ...
user avatar
2 votes
2 answers
202 views

image transform on reference tag

Can someone tell me how to do an image transform on a reference tag? I've tried {% set images %} <img src="{asset:123:getUrl('transform')}" /> <img src="{asset:124:getUrl('transform')}" />...
user avatar
3 votes
0 answers
160 views

Image transforms directory not being created

I've upgraded to El Capitan from Yosemite, created several Image Transforms in the CP (see pic) but they don't seem to be creating the folders in the uploads dir. I've checked folder permissions for ...
user avatar
1 vote
0 answers
124 views

Laravel Homestead image transforms 404

I am running Craft locally using default/update Laravel Homestead/Vagrant box. Image Transforms are returning the CP resources URL 404 error outlined in this related question: Image transforms ...
user avatar
  • 339
2 votes
1 answer
738 views

Get transformed asset URL in controller

I want to return JSON with some asset URLs, but i want these URLs to be transformed asset URLs. Is there some way for me to get the asset transformed URL in the controller? Will the assets be ...
user avatar
  • 197
0 votes
1 answer
347 views

Uploaded .gif only loops once instead of infinitely [closed]

Having a problem where uploading an infinitely looping gif only loops once. I've tested it with and without image transforms and get the same issue. I know there there was an issue previously stated ...
user avatar
  • 3
2 votes
1 answer
748 views

Manual crop in Image Transforms

I would like to manually crop the image transforms for an uploaded image. I know there are crop plugins for Craft (image-resizer, AviaryImageEditor), but these plugins crop the original image and not ...
user avatar
  • 123
1 vote
0 answers
286 views

Specify number of loops for animated GIF (ImageMagick)? [closed]

I'm experimenting with Craft 2.6, and am having a bit of difficulty with animated GIFs. The original animated GIF files I'm working with are set up to only loop once, but when I upload them into Craft ...
user avatar
2 votes
1 answer
378 views

Transform cannot be found

I've got a Matrix field with an image. If I use a pre-defined transform that's defined in Assets everything works fine. However, I need to set a transform manually in the template but it keeps ...
user avatar
  • 611
4 votes
1 answer
1k views

Generating pending image transforms stuck

My image transform task always gets stuck halfway through so that I have to "repair" the task as per this guide. Im trying to convert about 150 images (amounts to ~300 steps). Resetting the task ...
user avatar
4 votes
1 answer
719 views

Image Transform Problems, Timeouts, Stuck Transforms

We are seeing the following symptoms: We routinely encounter stuck Generating pending image transforms tasks and have to manually mark the tasks as failed using SQL in the table craft_tasks. Broken ...
user avatar
  • 265
1 vote
0 answers
152 views

Image Transform not passing correct URL

So Right now I am working on https://munisense.com/sound, and since a week or so the Image Transform functionality seems to be working in another way (ever since the last mandatory update). The ...
user avatar
0 votes
1 answer
154 views

Imager plugin using it's transformImage method doesn't produce correctly resized images

I'm using the lovely "Imager" plugin to produce a srcset of images, however it seems to only produce one size of image, which isn't really what i was expecting! My code is: {% set image = entry....
user avatar
  • 912
0 votes
0 answers
501 views

GIFs aren't being transformed

I know that others have had issues with transforms and GIFs, but I wanted to post a question as I am running pretty up-to-date versions of everything, which to my understand should mean transforming ...
user avatar
  • 674
2 votes
1 answer
157 views

ImageMagick generates dark images

Is there a workaround when using Craft with old versions of ImageMagick to prevent transformed images from being darker than the original? I had a look within the Imagine code base and couldn't see a ...
user avatar
  • 735
2 votes
1 answer
618 views

Image Transform to convert animated GIF to static?

I'd like to be able to convert an animated GIF to static for displaying in my mobile view (to reduce bandwidth etc) currently it seems I can only really set the output to JPG for this (PNG seemed to ...
user avatar
  • 21