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.