Questions tagged [image-transforms]

Craft's native, non-destructive image manipulations.

Filter by
Sorted by
Tagged with
0 votes
0 answers
6 views

Transformed JPGs have larger file size than original

Question Why is it that sometimes a transformed JPG is larger than its original when it is transformed using Craft image transforms even though in my general.php file I set upscaleImages to false? ...
0 votes
0 answers
7 views

How to force a default transform on existing content within a Redactor field

There isn't much documentation out there about how to apply image transforms to images in a Redactor field. I found this: Apply transform to image uploaded into Redactor? And it's useful, since I can ...
0 votes
0 answers
27 views

AVIF Transform doesn’t work

I’m local testing in my macOS, but AVIF transform doesn't work. I’m sure that libavif has been installed, and I can see that AVIF Support is enabled in the PHP info of my Craft CMS admin panel. When I ...
0 votes
0 answers
31 views

Lozad doesn't swap images on staging site

I inherited some lozad.js lazy loading code that broke when I pushed to the staging server. Code swaps out the thumbnail image for the high quality version. The ones in the view on load aren't getting ...
10 votes
2 answers
9k views

Is it possible to clear caches and re-index assets programattically?

When migrating a Craft site, I'm used to... deploying files checking my config, tweaking as necessary loading a database backup running "Update Asset Indexes" and "Clear Caches" from the control ...
1 vote
1 answer
31 views

How can I use a transform on images in a body field that have been imported?

I have imported content into an old news entrytype for a news channel. The odd image in the body field is 4000px wide. Is there a way of automatically transforming these in a template or from the CLI? ...
1 vote
1 answer
125 views

Transform image in webp and get srcset

Is possible from a jpg image from an entry field return a serset in webp fomat? Something like: <source type="image/webp" srcset="800w webp image, 1200w webp image "> ...
1 vote
0 answers
65 views

Image transform returns error

I'm trying to optimise page speeds for my website. One thing I'm looking into is optimising image file sizes, but Image Transform in CraftCMS doesn't seem to work. Before: {% set asset = entry....
1 vote
0 answers
42 views

CraftCMS Image Transform returning NULL on asset.url when stored on AWS S3 Bucket

So i'm using Craft as a headless CMS with a React frontend. When querying assets on a S3 bucket and applying a transform to them in my GraphQL query the URL response is NULL. This isn't the case when ...
0 votes
1 answer
200 views

Craft CMS images transform srcset sizes

I'm new to craft cms and I'm trying to generate srcset sizes for an image with the following code. {% set thumb320 = { width: 320, format: 'jpg' } %} {% set thumb320_2x = { width: 640, format: 'jpg' } ...
1 vote
0 answers
27 views

Limiting image transform totals in queue?

In order to serve webp images where possible, and different sizes for different screens etc, I created a bunch of image transforms over the weekend - forgetting just how many images we have in the ...
0 votes
0 answers
26 views

What's the recommended approach for applying effects on images and saving them in the respective volumes?

I'm creating a plugin in Craft CMS and it has a feature where you can apply certain image effects and after you are done, you can save it in the configured Asset volume. I know that ImagerX also does ...
0 votes
0 answers
24 views

Craft messes up Color Profiles on Upload

It's known that Craft CMS sometimes messes up color profiles when using image transforms. Up until recently, adding 'preserveImageColorProfiles' => true to your general.php fixed this issue. But ...
1 vote
2 answers
339 views

image transform to webp image format

I would like to ask how to convert or transform image format to webp. Based on Craft CMS Documentation 3.x, you can set the image format to jpg, png, gif and webp but there is no webp available in my ...
1 vote
1 answer
73 views

Using a variable with getUrl()?

I'd like to be able to use a variable with the getUrl() method so I can change the filter parameter on the entry page (user controlled) instead of in the source code: style="background-image = ...
1 vote
1 answer
284 views

Using NextJS image component with CraftCMS

NextJS has a really nice image component. To implement this I need to create a custom serialiser to get the image sizes from Craft . I can define a custom loader, however I'm not sure how feasible ...
1 vote
1 answer
97 views

Image Transforms and AWS

I regularly use srcset to serve large images, such as heroes, and take advantage of Craft's image transform capabilities in the implementation, e.g. <img srcset="{{ image.getUrl('img500') }} ...
2 votes
3 answers
170 views

TWIG dataUrl function for resized images

Craft provides the very nice TWIG function dataUrl(pathToImg) to inline images in e-mails. E.g. <img src="{{ dataUrl('@webroot/assets/img/logo.svg')" /> will base64 encode the image ...
1 vote
1 answer
75 views

Image Transforms not generated - permission problem?

Since I installed my Craft based website on the production server the image transforms are no longer generated. The tasks runs through more than 5000 images but doesn't generate new ones. There have ...
1 vote
1 answer
50 views

Does deleting an original asset but keeping the transform folder asset make Craft replace the original file with the biggest transform?

I have a client who has uploaded many giant images to the CMS (8mb+). I'd like to free up that space now that those image have been transformed to more web-friendly sizes. Is it safe for me to delete ...
2 votes
1 answer
95 views

How to detect white background

In my product catalog, some product images need to have the css attribute object-fit: cover while some need the object-fit: contain: I'd like to detect the white background, possibly on upload (to ...
0 votes
0 answers
33 views

Why do image Transformations never finish rendering regardless if I use GD2 or ImageMagick?

I'm running Craft 2 with PHP 5.6.40 on a Windows 2019 Server under IIS (x64, non-thread-safe, FastCGI). PHP -m doesn't show any issues with my extensions, regardless if I use GD2 or ImageMagick. But ...
11 votes
3 answers
4k views

Is there a way to force Assets to redo transforms?

Client has uploaded a number of severely badly lighted photographs for a 'staff' section of a site and these all have had a 'staffThumb' transform applied to it on the sites pages. I corrected the ...
1 vote
1 answer
107 views

Generate transforms only working on default install (multi-site)

I have a multi-site setup running within Craft 3. Everything seems to be working nicely, except for image transforms. For example: The following transform on the default site works correctly: https://...
5 votes
3 answers
691 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 ...
0 votes
1 answer
219 views

Changing Image transforms for different media queries

Is it possible to set different image transforms for different media queries? I have a grid layout containing 1 large image and four smaller images on large screens. I have created two image ...
1 vote
2 answers
231 views

Animated GIFs not working in Craft with ImageMagick installed

When I upload a GIF I either get the first frame or a garbled image (https://share.getcloudapp.com/L1u7BXrA). Looking around at similar questions, Craft needs ImageMagick installed to properly ...
1 vote
1 answer
88 views

How to reprocess image transforms that already exist in the database

If I import a Craft DB into my local db, and it has references to image transforms that existed in another environment, it won't recreate them in the filesystem when a page is loaded that asks for one ...
1 vote
1 answer
161 views

Forcing creation of all transformations for all assets

Regarding a similar question I only found the advice to delete a table in the database but because I don't like fiddling with the db very much I like to ask: Are there ways to force craft to generate ...
0 votes
0 answers
441 views

Image Transform change causes 500 Internal Server Error

I had an image transform set on an entry that was working as expected. I updated the code, and it didn't work, so I reverted back to the old transform. It was literally going from src="{{ image....
1 vote
1 answer
49 views

CP transform renders image 404

I have a transform in my CP called detail large. IN my template the image will render normally. <img class="img-fluid" src="{{ image.getUrl() }}" > Wen i want to use the transform like below: ...
0 votes
0 answers
94 views

Apply image transform after image is placed on page

I have an overview (i.e. list with around 150 items). Each of those items has an appropriate "teaser image". When a user is hovering a list item the appropriate teaser image fades in, on mouse out it ...
1 vote
1 answer
146 views

Image processing in headless mode

How to do image processing & transformations when not using templates? I'm using react-static for the frontend. Is it possible to have CraftCMS process the images upon upload?
11 votes
3 answers
1k views

Prevent Asset Transforms from scaling Image past 100%

There is almost never a reason why I would want an image to be scaled past 100% by a transform. This usually results in an image being looking worse than it would if scaled by the browser. Is there a ...
1 vote
2 answers
811 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 ...
9 votes
3 answers
5k views

How do image focal points work in Craft 3?

How do image focal points work in Craft 3? I see the dot in the CP, but I'm unable to set the focus.
3 votes
2 answers
2k views

Image Transforms - Image not processed until second page refresh

I'm new to Craft, and am not sure whether I've got something weird happening or if what I'm experiencing is expected behavior. I notice that when I add new entries containing image assets that get ...
1 vote
1 answer
233 views

Image Transform of Transparent Images results with Black Background

As the title suggests, I am receiving a black background on my transparent PNGs. I'd prefer them to be white. I have enabled imagemagick in the config file but still no dice. I noticed GD library ...
13 votes
5 answers
7k views

Image transforms returning cpresources url

I'm trying to get Craft to render an image transform defined in the control panel. No image is added to the "filelocation/_transformhandle" folder and returns the url "/cpresources/transforms/98" ...
5 votes
2 answers
682 views

Progressive jpg image transforms?

I want to use progressive jpg files and want to know if craft image transforms save jpg images as progressive, or can they be made to?
2 votes
1 answer
1k views

Plugin to create an image transformation for an external image (non-Assets field)

In reference to this post Can I apply an image transformation to an arbitrary image (non-Assets field)? does anyone have an example of the markup used to create the plugin to do this? I need to ...
1 vote
0 answers
93 views

FortRabbit - performance - image transforms

Anybody else have problems with image transforms on FortRabbit? They sent me this article as some background - https://blog.fortrabbit.com/imagemagick-issues I was using the light level of hosting (...
1 vote
1 answer
227 views

Image transforms not working on front-end

I'm able to upload images correctly to the server. I can see the thumbnail and view the larger image inside the control panel on the Assets page. However, the front-end image transforms result in a ...
6 votes
3 answers
992 views

apply transform to image uploaded into Redactor?

Is it possible to allow the selection of an image transform on an image that's been uploaded into a Redactor field?
1 vote
1 answer
63 views

Can I use GraphicsMagick with Craft CMS?

Short question: Can I use GraphicsMagick with Craft CMS? If yes, how can it be configured? thanks
2 votes
1 answer
3k views

How can I set an absolute image url for Open Graph Image tags?

I need the final tag to look like this: <meta property="og:image" content="http://mysite.com/uploads/resources/_hero/myimage.jpg"> If I use something like this: {% set seoImage = entry....
1 vote
1 answer
30 views

Craft Equivelent of EE addon CE Image Bulk Tag?

I'm preparing to migrate an old ExpressionEngine site to Craft and there are channels with images that are being resized by wrapping the rich text editor with ce image bulk tag like this: {exp:ce_img:...
1 vote
1 answer
116 views

Select Transform Feature with Asset Field

If you insert an image in a Rich Text field you get an option to apply a transform, but that is not true when using an Asset field to choose an image, which seems strange. Is there any way to ...
1 vote
1 answer
388 views

Craft isn't regenerating the image transform when the focal point changes

I've got a basic image transform in a template: {% set crop = { mode: 'crop', width: 560, height: 550, quality: 80 } %} <img src="{{ image.getUrl(crop) }}"> Once the ...
1 vote
1 answer
45 views

modify image contrast

In my experience is the build-in process of image transform not too kind to the image quality, even with the highest quality. In my case the brighter tones in the images are lost which means that ...

1
2 3 4 5