magento2.4 – Magento 2.4 – Category Image showing Nan undefined in backend

When I upload category image in backend and save the category, it start reflect on frontend but in backend it is showing broken.

enter image description here

The category image path in frontend /media/catalog/category/image.jpg but in backend, path is showing as

How to resolve it?

Product image can’t show on front home page after update SSL Certificate

I got this strange image broken after update SSL file.
I cleaned Magento Cache and image:resize but it can’t fixed.
Do somebody give me suggest?
Home page image broken

Btw I found the image src link is wrong, it should have file name after folder but it disappeared
.enter image description here

arquivo – recover an image or file for editing

I have a form that has a field to register an image. When loading the editing form, I cannot insert the path of the image that had already been registered. How to insert the path of this image that is retrieved from the bank?

json formatting – Lists: Show image overlay on mouse over

This might not be exactly what you need, but here is a good start.

In order to display a custom hover card, you need to use customCardProps element. See more details here. It has the following properties:


  • hover – card appears on mouse hover;
  • click – card appears on click on the field.


  • topCenter bottomCenter leftCenter rightCenter
  • isBeakVisible – boolean. if true the card has a beak.

How to display an image using JSON formatting

  "elmType": "img",
  "attributes": {
    "src":  "[$Photo]" 

And here is a complete script

    "elmType": "div",    
    "attributes": {
        "iconName": "Search"
    "customCardProps": {
        "openOnEvent": "hover",
        "directionalHint": "rightCenter",
        "isBeakVisible": true,
        "formatter": {
            "elmType": "div",
            "style":{ "display": "block", "font-size": "15px", "padding": "10px" },
            "children": [
                    "elmType": "div",
                    "style": { "display": "block", "width":"100%", "text-align": "center", "padding": "10px" },
                      { "elmType": "img",
                            "attributes": {
                                "src":  "[$Photo]" 


enter image description here

kvm virtualization – qcow2 image greater than guest disk size

Fedora 33
Kernel 5.11.7
Running kvm

Virtual Disk:

    <disk type='file' device='disk'>
      <driver name='qemu' type='qcow2'/>
      <source file='/var/lib/libvirt/images/w10.qcow2'/>
      <target dev='vda' bus='virtio'/>
      <address type='pci' domain='0x0000' bus='0x04' slot='0x00' function='0x0'/>

Disk Space: 40 GB

# ls -lh /var/lib/libvirt/images/w10.qcow2
-rw-------. 1 qemu qemu 78G 17. Apr 12:32 w10.qcow2

# virsh snapshot-list w10
 Name   Erstellungs-Zeit   Status

(no snapshots)

Question: Why is the qcow2 image so much greater than the real disk space in the guest?

repair – Is my image exposure off due to shutter problems?

I’ve recently noticed an issue with my dslr regarding exposures. Most of my time is spent using shutter speeds under 1/100s for landscape photography but the other day I was trying to under expose a shot early on a sunny morning and found I could not do so using shutter speeds. As I am an Olympus four thirds user I’m restricted to low ISO’s (due to noise), and larger apertures (due to diffraction and depth of field) than other larger formats.
My initial experiments showed that shutter speeds faster than the camera’s flash sync speed weren’t working. The exposure didn’t change as I took shots in shutter priority mode from about 1/160s to max at 1/4000s, and I wondered if the sync speed setting was somehow stuck on despite the built in flash being set off and the display showing fast shutter speeds.
I took the camera out again recently when snow had fallen and as the light increased I started to struggle again, being forced to use small apertures and eventually ND filters to get images in the strong light.

I found that in burst mode the camera would take a sequence of four or five pictures as follows (all at f/18 1/160s ISO 100 19mm):

  1. Totally over exposed.image 1 f/18 1/160s ISO 100 19mm
  2. Correctly exposed but with an overexposed strip at the bottom of the frame.image 2 f/18 1/160s ISO 100 19mm
  3. Correctly exposed.image 3 f/18 1/160s ISO 100 19mm

Is this a sticky second curtain? It has been cold recently but I suspect this is the end for my much loved, 12 year old Olympus E-520. Are there any possible fixes I can try before finally put my hand in my pocket to replace this now defunct system (Oly gave up support before selling the imaging division to JIP)?

Manually Edited Word Files Created From HTML Documents Stored in Doc Libs Have Black Image Placeholders

I have an app in SharePoint that builds HTML markup containing an image (logo) inserted in the markup using base64-encoded and then creates a Word (doc, not docx) file in a SP document library

You can open up the file from the standard view of the doc lib and the Word file text and image are there.

Now open the Word file from the doc lib, do some manual editing of the file, save and close.

Re-open the Word file from the doc lib, and the image of the logo has an image placeholder area and the background is solid black.

Something happened between Word editor and SharePoint during the manual editing that it saved everything else in the Word file but not the image. Playing around with Word doesn’t recover the image. File=>Inspect Document does not report anything. Continued editing actually causes the image part to disappear, with Word reporting that “header.htm” is missing

Why would Word lose data like that?

long exposure – Issues with dark frame subtraction: Dark frames adding “noise” and changing image color/tint

While editing some landscape shots with stars, I tried to use darkframes to reduce the noise.
More precisely, my approach was to take a series of shots, then firstly to subtract dark frames from each shot, secondly to use the mean of the series for the foreground to further reduce noise, and thirdly to use an astro stacking tool (Sequator) to stack the sky.

Instead of reducing noise, the darkframe subtraction:

  1. increased the noise- or rather, added some dark/monochrome noise.
  2. changed the white-balance/tinted the image.
    (see below)
    I do not understand why this is happening/What I am doing wrong.

Procedure/Employed Troubleshooting:

  • All photos were shot in succession, with the same settings (15sec, @ISO6400, in-camera dark frame disabled).

  • All photos were shot with the same white balance.

  • While shooting the darkframes, both the lens cap and the viewfinder cover were applied.

  • Photos were imported from my Pentax K1ii, converted to DNG in LR, and exported to PS without any editing/import presets applied.

  • I used PS, placed the darkframe layer(s) above my picture, and used the subtract blending mode.

  • I followed basic instructions found here/in various videos on dark frame subtraction in photoshop. Note that basically, all of those cover dark frame subtraction with one frame (or use tools other than photoshop). I have tried both using one, and 3 frames. The results are similar, albeit more pronounced with 3.

  • I used the free tool “sequator” to subtract darkframes instead (and to align stars). Adding the dark frames here made absolutely no difference.

  • (This is an edit/composite done with the frames I tried to subtract darkframes of)

  • A crop of the first picture, with (3) dark frames subtracted:
    with (3) dark frames

  • A crop of the second picture, without dark frames subtracted:
    without dark frames

LibGDX Shader that converts image to single colour with blur

I made a shader which turns all the colours of the texture to black but I also want it to be blurred.

#ifdef GL_ES
    precision mediump float;

varying vec4 v_color;
varying vec2 v_texCoords;

uniform sampler2D u_texture;

void main() {
  vec4 c = v_color * texture2D(u_texture, v_texCoords);
  gl_FragColor = vec4(0,0,0, c.a);

A simple gaussian blur with good performance is what I want. I tried various blur shaders but haven’t managed to get any to work well.

This shadertoy shader looks ideal but not sure how to convert it or make it output only one colour

EDIT: I managed to convert the above mentioned shadertoy but the output doesn’t seem to really be blurred, just almost transparent. Not sure whether I converted it correctly or not though:

#ifdef GL_ES
    #define PRECISION mediump
    precision PRECISION float;
    precision PRECISION int;

varying vec4 v_color;
varying vec2 v_texCoords;

uniform sampler2D u_texture;
uniform vec2 resolution;

void main() {
    float Pi = 6.28318530718; // Pi*2
    float Directions = 16.0; // BLUR DIRECTIONS (Default 16.0 - More is better but slower)
    float Quality = 4.0; // BLUR QUALITY (Default 4.0 - More is better but slower)
    float Size = 8.0; // BLUR SIZE (Radius)
    vec2 Radius = Size / resolution.xy;
    // Normalised pixel coordinates (from 0 to 1)
    vec2 uv = gl_FragCoord.xy / resolution.xy;
    // Pixel colour
    vec4 Color = texture2D(u_texture, v_texCoords);
    // Blur calculations
    for( float d=0.0; d<Pi; d+=Pi/Directions) {
        for(float i=1.0/Quality; i<=1.0; i+=1.0/Quality) {
            Color += texture2D( u_texture, uv+vec2(cos(d),sin(d))*Radius*i);        
    // // Output to screen
    Color /= Quality * Directions - 15.0;
    gl_FragColor =  Color;

Original texture with desired output.

enter image description here