High DPI images #211

Niq1982 · 2023-03-02T09:47:31Z

Niq1982
Mar 2, 2023

I'm having issues with images looking bad for instance with my own laptop. Looks like the srcset is not built to provide 2x and 3x versions of the images so they will not look very good in any higher end device. Is there a way to provide such versions using this addon?

<img srcset="
        cheetah.jpg,
        cheetah-2x.jpg 2x,
        cheetah-3x.jpg 3x,
    "
     src="cheetah.jpg"
     alt="Cheetah"/>

ncla · 2023-03-02T10:26:57Z

ncla
Mar 2, 2023
Collaborator

No, it is not possible to utilize 1x/2x/3x currently with this addon.

However we should look at the issue you are having and see if it can be solved. Check out the HTML output and see how many Glide URLs have been generated in the srcset and their respective widths. What is the highest width you have there?

Perhaps the asset you uploaded is not very high resolution to begin with. Or perhaps you have set max_width that limits that higher widths.

4 replies

Niq1982 Mar 2, 2023
Author

Even when im using it like this it will still show me maximum 1280px wide image with any viewport.

{!! Statamic::tag('responsive')->params([
    'class' => 'absolute top-0 left-0 h-full w-full rounded-3xl object-cover',
    'src' => $section->image['url'],
    'alt' => $section->image['alt'],
    'glide:width' => '1024',
    'md:glide:width' => '1280',
    'lg:glide:width' => '1536',
]) !!}

Result:

<picture>
  <source type="image/webp" media="" srcset="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiAgICAgeT0iMCIgdmlld0JveD0iMCAwIDMyIDIxIj4KICAgIDxpbWFnZSB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRlFBZ0F3RVJBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBK2hMQzc4M3crNlRkRnJ3TU5LMjVidkhjNlB3MzQvMHZUQmFXTFNBU3VNQVpyMEl5VnpScVRqZXhuZkVuWHJXTzRMYmd4WmNBRHZXazVMbEZUaStZK0p2akxydXFlQ3RhazFHR0FwQktjNXhYbXhWMmZRUnBSbWxjK212REdzalZORHVZTi83M0hGYzJIVFRzem14TkNNMnB4MlBHZkdtdGE3b0d1UTNJamJ5NDI0WVZ0VWpLRjVJOWZEMDhQT0hLZFZCNHcvdFNLRy8xT1ZnaUtEelhpNGZGMXE5ZjJkakxFVWFWR1BNanhYOW9MNHJhVDRwdC93Q3o0QXJiT053cjd5amdMUnZMYytUbm1ialAzTmo2ditFWGg2MjFMVG1ua3lIUHBYZzRlS2w3elBheE0zQmNpT3UxMzRkYVRxY0RyUEh2Q2pQSXIwSlJUVm1lZlNxeWk5RDQvd0RqNXJrdmhtZWZUYkpGU0FaQXJUQTRHa3ArMHRxYytQeGxScms2SHlScTk1TExlU096RWtuTmU5S1R1ZUpHS3NmLzJRPT0iIC8+Cjwvc3ZnPgo= 32w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=482&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=321.33333333333&amp;s=10346f767536c8fda57d751b1da95cb2 482w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=576&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=384&amp;s=3423c3ac13221c033862661eb6ab7009 576w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=688&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=458.66666666667&amp;s=e4755e360982f47fb83c963196fa3de1 688w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=823&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=548.66666666667&amp;s=6124680732131b9754a5d4f589c96273 823w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=983&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=655.33333333333&amp;s=1dbdf374c945ad412a5f38b08e95a81e 983w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=1176&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=784&amp;s=e9e2935b7336cff7d31fb37597d3567f 1176w" sizes="40vw">
        
  <source media="" srcset="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiAgICAgeT0iMCIgdmlld0JveD0iMCAwIDMyIDIxIj4KICAgIDxpbWFnZSB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRlFBZ0F3RVJBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBK2hMQzc4M3crNlRkRnJ3TU5LMjVidkhjNlB3MzQvMHZUQmFXTFNBU3VNQVpyMEl5VnpScVRqZXhuZkVuWHJXTzRMYmd4WmNBRHZXazVMbEZUaStZK0p2akxydXFlQ3RhazFHR0FwQktjNXhYbXhWMmZRUnBSbWxjK212REdzalZORHVZTi83M0hGYzJIVFRzem14TkNNMnB4MlBHZkdtdGE3b0d1UTNJamJ5NDI0WVZ0VWpLRjVJOWZEMDhQT0hLZFZCNHcvdFNLRy8xT1ZnaUtEelhpNGZGMXE5ZjJkakxFVWFWR1BNanhYOW9MNHJhVDRwdC93Q3o0QXJiT053cjd5amdMUnZMYytUbm1ialAzTmo2ditFWGg2MjFMVG1ua3lIUHBYZzRlS2w3elBheE0zQmNpT3UxMzRkYVRxY0RyUEh2Q2pQSXIwSlJUVm1lZlNxeWk5RDQvd0RqNXJrdmhtZWZUYkpGU0FaQXJUQTRHa3ArMHRxYytQeGxScms2SHlScTk1TExlU096RWtuTmU5S1R1ZUpHS3NmLzJRPT0iIC8+Cjwvc3ZnPgo= 32w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=482&amp;q=90&amp;fit=crop-36-49-1&amp;h=321.33333333333&amp;s=75510599f299ee426e19612c7b52ae1e 482w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=576&amp;q=90&amp;fit=crop-36-49-1&amp;h=384&amp;s=c2c78b9cb146721abaa2381b87eb07d6 576w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=688&amp;q=90&amp;fit=crop-36-49-1&amp;h=458.66666666667&amp;s=50f782f664774d85207f4434171d4293 688w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=823&amp;q=90&amp;fit=crop-36-49-1&amp;h=548.66666666667&amp;s=7e3a70f171570e615b7a69e8a79b469b 823w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=983&amp;q=90&amp;fit=crop-36-49-1&amp;h=655.33333333333&amp;s=04bf9984eb002b2c1e15d599ed1dc767 983w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=1176&amp;q=90&amp;fit=crop-36-49-1&amp;h=784&amp;s=ee5b25205cc2ba3a47f3993606df6b6c 1176w" sizes="40vw">
    
    <img class="absolute top-0 left-0 h-full w-full rounded-3xl object-cover" alt="1" src="/img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=1280&amp;h=853.33333333333&amp;s=796a5134df9d205750accd3b0c165611" width="1280" height="853" data-statamic-responsive-images="">
</picture>

ncla Mar 2, 2023
Collaborator

Highest image width is 1280px wide in the <img> tag, then in the <source> srcset it is 1176px.

glide:width parameter is for setting maximum width possible that gets generated, not sure why you are including it. Please remove it and provide the new output.

Niq1982 Mar 2, 2023
Author

Ok. Here's the result without glide:widths. Now it actually gives me a 1280px image. I dont quite understand why :D

<picture>
  <source type="image/webp" media="" srcset="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiAgICAgeT0iMCIgdmlld0JveD0iMCAwIDMyIDIxIj4KICAgIDxpbWFnZSB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRlFBZ0F3RVJBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBK2hMQzc4M3crNlRkRnJ3TU5LMjVidkhjNlB3MzQvMHZUQmFXTFNBU3VNQVpyMEl5VnpScVRqZXhuZkVuWHJXTzRMYmd4WmNBRHZXazVMbEZUaStZK0p2akxydXFlQ3RhazFHR0FwQktjNXhYbXhWMmZRUnBSbWxjK212REdzalZORHVZTi83M0hGYzJIVFRzem14TkNNMnB4MlBHZkdtdGE3b0d1UTNJamJ5NDI0WVZ0VWpLRjVJOWZEMDhQT0hLZFZCNHcvdFNLRy8xT1ZnaUtEelhpNGZGMXE5ZjJkakxFVWFWR1BNanhYOW9MNHJhVDRwdC93Q3o0QXJiT053cjd5amdMUnZMYytUbm1ialAzTmo2ditFWGg2MjFMVG1ua3lIUHBYZzRlS2w3elBheE0zQmNpT3UxMzRkYVRxY0RyUEh2Q2pQSXIwSlJUVm1lZlNxeWk5RDQvd0RqNXJrdmhtZWZUYkpGU0FaQXJUQTRHa3ArMHRxYytQeGxScms2SHlScTk1TExlU096RWtuTmU5S1R1ZUpHS3NmLzJRPT0iIC8+Cjwvc3ZnPgo= 32w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=482&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=321.33333333333&amp;s=10346f767536c8fda57d751b1da95cb2 482w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=576&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=384&amp;s=3423c3ac13221c033862661eb6ab7009 576w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=688&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=458.66666666667&amp;s=e4755e360982f47fb83c963196fa3de1 688w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=823&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=548.66666666667&amp;s=6124680732131b9754a5d4f589c96273 823w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=983&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=655.33333333333&amp;s=1dbdf374c945ad412a5f38b08e95a81e 983w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=1176&amp;fm=webp&amp;q=90&amp;fit=crop-36-49-1&amp;h=784&amp;s=e9e2935b7336cff7d31fb37597d3567f 1176w" sizes="40vw">
        
  <source media="" srcset="data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiAgICAgeT0iMCIgdmlld0JveD0iMCAwIDMyIDIxIj4KICAgIDxpbWFnZSB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRlFBZ0F3RVJBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBK2hMQzc4M3crNlRkRnJ3TU5LMjVidkhjNlB3MzQvMHZUQmFXTFNBU3VNQVpyMEl5VnpScVRqZXhuZkVuWHJXTzRMYmd4WmNBRHZXazVMbEZUaStZK0p2akxydXFlQ3RhazFHR0FwQktjNXhYbXhWMmZRUnBSbWxjK212REdzalZORHVZTi83M0hGYzJIVFRzem14TkNNMnB4MlBHZkdtdGE3b0d1UTNJamJ5NDI0WVZ0VWpLRjVJOWZEMDhQT0hLZFZCNHcvdFNLRy8xT1ZnaUtEelhpNGZGMXE5ZjJkakxFVWFWR1BNanhYOW9MNHJhVDRwdC93Q3o0QXJiT053cjd5amdMUnZMYytUbm1ialAzTmo2ditFWGg2MjFMVG1ua3lIUHBYZzRlS2w3elBheE0zQmNpT3UxMzRkYVRxY0RyUEh2Q2pQSXIwSlJUVm1lZlNxeWk5RDQvd0RqNXJrdmhtZWZUYkpGU0FaQXJUQTRHa3ArMHRxYytQeGxScms2SHlScTk1TExlU096RWtuTmU5S1R1ZUpHS3NmLzJRPT0iIC8+Cjwvc3ZnPgo= 32w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=482&amp;q=90&amp;fit=crop-36-49-1&amp;h=321.33333333333&amp;s=75510599f299ee426e19612c7b52ae1e 482w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=576&amp;q=90&amp;fit=crop-36-49-1&amp;h=384&amp;s=c2c78b9cb146721abaa2381b87eb07d6 576w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=688&amp;q=90&amp;fit=crop-36-49-1&amp;h=458.66666666667&amp;s=50f782f664774d85207f4434171d4293 688w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=823&amp;q=90&amp;fit=crop-36-49-1&amp;h=548.66666666667&amp;s=7e3a70f171570e615b7a69e8a79b469b 823w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=983&amp;q=90&amp;fit=crop-36-49-1&amp;h=655.33333333333&amp;s=04bf9984eb002b2c1e15d599ed1dc767 983w, /img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=1176&amp;q=90&amp;fit=crop-36-49-1&amp;h=784&amp;s=ee5b25205cc2ba3a47f3993606df6b6c 1176w" sizes="40vw">
    
  <img class="absolute top-0 left-0 h-full w-full rounded-3xl object-cover" alt="1" src="/img/asset/YXNzZXRzL3N0b2Nrc25hcF92OG5oeHF2cTcwLmpwZw==?w=1280&amp;h=853.33333333333&amp;s=796a5134df9d205750accd3b0c165611" width="1280" height="853" data-statamic-responsive-images="">
</picture>

ncla Mar 2, 2023
Collaborator

Do you have this config property set to 1280 perhaps? https://github.com/spatie/statamic-responsive-images/blob/main/config/responsive-images.php#L62

What are the dimensions of the original asset?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

High DPI images #211

{{title}}

Replies: 1 comment 4 replies

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

High DPI images #211

Niq1982 Mar 2, 2023

Replies: 1 comment · 4 replies

ncla Mar 2, 2023 Collaborator

Niq1982 Mar 2, 2023 Author

ncla Mar 2, 2023 Collaborator

Niq1982 Mar 2, 2023 Author

ncla Mar 2, 2023 Collaborator

Niq1982
Mar 2, 2023

Replies: 1 comment 4 replies

ncla
Mar 2, 2023
Collaborator

Niq1982 Mar 2, 2023
Author

ncla Mar 2, 2023
Collaborator

Niq1982 Mar 2, 2023
Author

ncla Mar 2, 2023
Collaborator