question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Preset option is not taken into account

See original GitHub issue

Hi,

here are details about the preset option problem I faced :

What happens ?

The hero preset is found (no “unfound preset” error) but doesn’t modify the image (image keeps its initial size)

Reproduction

<template>
  <nuxt-img preset="hero" src="/my-image.jpg" />
</template>
/* nuxt.config.js */

export default {
  image: {
    presets: {
      hero: {
        modifiers: {
          fit: "cover",
          format: "jpg",
          width: 800,
          height: 300,
        },
      },
    },
  },
};

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
pi0commented, May 12, 2021

Thanks for issue. Should be fixed in next release.

1reaction
clemcodecommented, Jun 9, 2021

Hi,

the sizes property doesn’t seem to work in presets.

Nuxt version: 2.15 Nuxt Image version: 0.4.14 CodeSandbox (l.39 and below)

Output from <nuxt-img/> when a preset with sizes is applied:

<img src="/_ipx/featured.jpeg?sizes=sm:90vw+md:80vw+lg:30vw" alt="Clothes displayed on bed">

Read more comments on GitHub >

github_iconTop Results From Across the Web

Presets are not appearing in Lightroom - DVLOP Support
Please go to the presets panel and click on the three dots and double-check to make sure "hide partially compatible presets" is left...
Read more >
No option to create preset or copy settings
Hi there, i downloaded some presets but I do not have the option to create preset when I click on the three dots...
Read more >
How To Find Missing Develop Presets In Adobe Lightroom ...
How To Find Missing Develop Presets In Adobe Photoshop Lightroom ClassicAre your Adobe Photoshop Lightroom Classic Develop Presets missing?
Read more >
How To Add & Install Presets into Lightroom
*Note: It should take you to the location below for your computer. Turn on your show hidden files option to be sure you...
Read more >
Save frequently used print settings for routine printing on Mac
For example, you can create a print job preset for printing a monthly report and others for printing envelopes or booklets. These presets...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found