Assets change image format via url

Sazzad_Hossain · September 7, 2022, 5:06am

is there any way to get an image in a specific format on the fly (i.e. like we can do to resize the image via the asset URL using query strings)?

Sebastian · September 7, 2022, 7:51am

You can use format=WebP or use auto=true to use the best supported format:

Here are a list of all parmeters:

github.com

Squidex/squidex/blob/master/backend/src/Squidex/Areas/Api/Controllers/Assets/Models/AssetContentQueryDto.cs

// ==========================================================================
//  Squidex Headless CMS
// ==========================================================================
//  Copyright (c) Squidex UG (haftungsbeschraenkt)
//  All rights reserved. Licensed under the MIT license.
// ==========================================================================

using Microsoft.AspNetCore.Mvc;
using Squidex.Assets;
using Squidex.Domain.Apps.Entities.Assets;
using Squidex.Infrastructure;
using Squidex.Infrastructure.Reflection;

namespace Squidex.Areas.Api.Controllers.Assets.Models
{
    public sealed class AssetContentQueryDto
    {
        /// <summary>
        /// The optional version of the asset.
        /// </summary>

This file has been truncated. show original

Sazzad_Hossain · September 7, 2022, 8:28am

Thanks, @Sebastian for the prompt reply. Just did some tests and it’s working. For some reason, if the source asset format is in WEBP, &format=PNG works but not to JPG. Is that by design?

Sebastian · September 7, 2022, 8:34am

Perhaps because transparency or something like this? Can you give me an example?

Sazzad_Hossain · September 7, 2022, 10:46am

there was no transparency…

attached pic

https://i.postimg.cc/FKHX3bGV/Manifold-Gunk-558x460-4.webp

Sebastian · September 7, 2022, 10:49am

I mean do you have an example URL to your squidex instance where you make the resize.

Sazzad_Hossain · September 7, 2022, 10:49am

https://rycocms.azurewebsites.net/api/assets/rycodev/874a04b8-af1c-4fa8-9b97-81c12fd107bb/

Sebastian · September 7, 2022, 10:51am

Works for me: https://rycocms.azurewebsites.net/api/assets/rycodev/874a04b8-af1c-4fa8-9b97-81c12fd107bb/?format=JPEG

Sazzad_Hossain · September 7, 2022, 10:52am

oh my mistake i was doing JPG…

nickconfer · October 28, 2022, 1:31pm

Quick follow up on auto=true. Will this work when setting the cache parameter as well?

In other words if I was displaying an image with auto=true and cache=8640000 would I be served a cached webp image in a browser like chrome and a cached png/jpg in a browser that didn’t support webp, or would it just render the auto choice on the initial cache only and try to serve the same thing in both browsers?

Sebastian · October 28, 2022, 1:44pm

The cache parameter just sets the output cache for the browser. So the image is cached client side, not server side. So each client should get the correct format.

maxsedov · October 24, 2024, 9:18pm

What is expected behavoir here? If I right click on image and do “save image” in browser shall it be saved as .JPEG file? It looks like parameter “format=JPEG” does not do anything

Sebastian · October 25, 2024, 6:07am

Hi. The extension is actually not changed. This is a good point, but usually it is used for showing the image directly in the browser and then the extension does not really matter. If you need that, just create a feature request please.