Post: immagini non si adattano alla dimensione dello schermo #86

Closed
opened 2024-07-10 21:50:58 +00:00 by omarl · 8 comments
Member

Le immagini non si adattano alla dimensione della pagine.
Quelle in alta risoluzione escono dallo schermo.
Immagino si debbano aggiustare i fogli di stile o che...

Le immagini non si adattano alla dimensione della pagine. Quelle in alta risoluzione escono dallo schermo. Immagino si debbano aggiustare i fogli di stile o che...
omarl added the
bug
label 2024-07-10 21:50:58 +00:00
omarl added this to the live al più presto milestone 2024-07-10 21:55:01 +00:00
Owner

ho già visto che in questo tema, quando visualizzi il post singolo, le immagini non vengono ridimensionate.

Però ho notato una cosa:
(guarda post /it/posts/2024/07/volontari-lettura-adaz/)
Se il post ha un'immagine "featured" e la imposti con il tag image nel front-matter, questa viene scalata correttamente; nella maggior parte degli articoli, abbiamo simulato questo comportamento "manualmente" visualizzando un'immagine all'inizio del contenuto; mi sembra più corretto usare il tag image

ho già visto che in questo tema, quando visualizzi il post singolo, le immagini non vengono ridimensionate. Però ho notato una cosa: (guarda post /it/posts/2024/07/volontari-lettura-adaz/) Se il post ha un'immagine "featured" e la imposti con il tag `image` nel front-matter, questa viene scalata correttamente; nella maggior parte degli articoli, abbiamo simulato questo comportamento "manualmente" visualizzando un'immagine all'inizio del contenuto; mi sembra più corretto usare il tag `image`
omarl changed title from Post: immagini non si adattano alla dimensione delo schermo. to Post: immagini non si adattano alla dimensione dello schermo 2024-07-11 06:21:45 +00:00
paspo closed this issue 2024-07-13 18:19:42 +00:00
paspo referenced this issue from a commit 2024-07-13 22:04:13 +00:00
Author
Member

Le immagini escono dallo schermo.
http://localhost:1313/it/posts/2023/02/proxmox-npm-1/

Le immagini escono dallo schermo. http://localhost:1313/it/posts/2023/02/proxmox-npm-1/
Author
Member
http://localhost:1313/it/eventi/2018/02/linux-winter-day-2018/
omarl added this to the Nuovo sito: CODICE HUGO project 2024-07-15 19:41:02 +00:00
Owner

Le immagini escono dallo schermo.
http://localhost:1313/it/posts/2023/02/proxmox-npm-1/

io ho fixato le immagini nella "list view" e l'immagine "featured" della vista singola.

riapriamo?

> Le immagini escono dallo schermo. > http://localhost:1313/it/posts/2023/02/proxmox-npm-1/ > io ho fixato le immagini nella "list view" e l'immagine "featured" della vista singola. riapriamo?
paspo reopened this issue 2024-07-15 19:52:40 +00:00
paspo closed this issue 2024-07-16 07:53:54 +00:00
paspo referenced this issue from a commit 2024-07-16 07:53:55 +00:00
Author
Member

Le immagini in intestazione vengono deformate in larghezza.
http://localhost:1313/it/linuxday/2016/linux-day-2015-devops-ansible/

Le immagini in intestazione vengono deformate in larghezza. http://localhost:1313/it/linuxday/2016/linux-day-2015-devops-ansible/
Author
Member

http://localhost:1313/it/linuxday/2018/linux-day-2018/

Adesso tutte le immagini vengo allargate quanto la pagina. Nel caso di icone o immagini piccole non è un comportamento auspicabile.

http://localhost:1313/it/linuxday/2018/linux-day-2018/ Adesso tutte le immagini vengo allargate quanto la pagina. Nel caso di icone o immagini piccole non è un comportamento auspicabile.
omarl reopened this issue 2024-07-16 08:24:41 +00:00
paspo closed this issue 2024-07-17 21:41:48 +00:00
Owner

la ratio è questa:

  • tutte le immagini raster (featured e nel post) più larghe di 1400px vengono scalate proporzinalmente in modo che la larghezza sia 1400px
  • dopodichè tutte le immagini raster vengono convertite in webp con quality 50%
  • (solo le immagini raster featured) se l'altezza è maggiore di 600, l'immagine viene scalata proporzinalmente per avere 600px di altezza
  • (solo le immagini raster featured) se altezza>larghezza, all'img aggiungo style="width: auto;"
  • le immagini non-raster vengono visualizzate as-is

ma non va ancora bene...
http://localhost:1313/it/linuxday/2017/linux-day-2017/

la ratio è questa: - tutte le immagini raster (featured e nel post) più larghe di 1400px vengono scalate proporzinalmente in modo che la larghezza sia 1400px - dopodichè tutte le immagini raster vengono convertite in webp con quality 50% - (solo le immagini raster featured) se l'altezza è maggiore di 600, l'immagine viene scalata proporzinalmente per avere 600px di altezza - (solo le immagini raster featured) se altezza>larghezza, all'`img` aggiungo `style="width: auto;"` - le immagini non-raster vengono visualizzate as-is ma non va ancora bene... http://localhost:1313/it/linuxday/2017/linux-day-2017/
paspo reopened this issue 2024-07-19 15:10:48 +00:00
paspo closed this issue 2024-07-20 11:40:48 +00:00
paspo referenced this issue from a commit 2024-07-20 11:40:49 +00:00
Author
Member

aggiunto commenti in #130

aggiunto commenti in #130
Sign in to join this conversation.
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: BgLUG/bglug.it#86
No description provided.