[PHP] Sovraimpressione PNG trasparente su PNG trasparente

[Zane]

Sto smanettando per risolvere un problema di visualizzazione nelle immagini che compaiono negli articoli. Quando il "timbro" TurboLab.it (una png trasparente) viene applicato ad un'altra png trasparente, si applica un brutto sfondo nero sullo sfondo della seconda (angolo basso-sinistra di questa immagine, ad esempio):



Questa la parte di codice signficativa (chiaramente non prendetela "alla lettera" perchè senza tutto il contorno ovviamente non gira )

Codice: Seleziona tutto

<?php
$img_tbr_res=imagecreatetruecolor($max_w, $max_h);
imageAlphaBlending($img_tbr_res, false);
imageSaveAlpha($img_tbr_res, true);

imagecopyresampled($img_tbr_res, $img_res, 0, 0, 0, 0, $max_w, $max_h, $img_w, $img_h);

$wm_original=imagecreatefrompng(Immagine::$pathWatermark);

$wm_resized = imagecreatetruecolor($wm_resized_w, $wm_resized_h);
imagecopymerge($wm_resized, $img_tbr_res, 0, 0, 10, $max_h-$wm_resized_h-10, $wm_resized_w, $wm_resized_h,100);

imagecopyresampled($wm_resized, $wm_original, 0, 0, 0, 0, $wm_resized_w, $wm_resized_h, $wm_original_w, $wm_original_h);

imagecopymerge($img_tbr_res, $wm_resized, 10, $max_h-$wm_resized_h-10, 0, 0, $wm_resized_w, $wm_resized_h, 100);
?>

Questi i riferimenti on i quali sto lavorando:

• https://www.google.com/#safe=active&hl= ... .r_cp.r_qf.
• http://stackoverflow.com/questions/4437 ... -gif-files
• http://stackoverflow.com/questions/1168 ... ency-alpha
• http://stackoverflow.com/questions/1226 ... ent-images
• http://stackoverflow.com/questions/1397 ... r-with-php
• http://php.net/manual/en/function.image ... ending.php
• http://stackoverflow.com/questions/1025 ... hablending

Prima o poi c'arrivo in fondo, ma se avete suggerimenti sono tutt'orecchi!



Sfondo nero su PNG trasparenti #12

[Andy94]

Al momento non ho modo di guardarci approfonditamente, però con questo codice applico con successo una immagine trasparente sopra ad un'altra.

Codice: Seleziona tutto

$image_1 = imagecreatefrompng('htc.png');
$image_2 = imagecreatefrompng('tli.png');
imagealphablending($image_1, true);
imagesavealpha($image_1, true);
imagecopy($image_1, $image_2, 0, 330, 0, 0, 450, 124);
imagepng($image_1, 'result.png');

echo '<img src="result.png" alt="result" />';

HTC è un'immagine simile alla tua avente dimensioni 500x455, TLI è il logo trasparente nostro ridimensionato a 450x124. Result è l'immagine complessivamente ottenuta, che rispetta le trasparenze.

Tuttavia nel codice, come puoi notare, non vengono fatti controlli relativamente alla dimensione che il watermark deve avere sulla base della dimensione dell'immagine in cui sarà ospitato.

[Zane]

Grazie Andy,
mi hai fatto accendere una lampadina: e se il problema stesse nel ridimensionamento iniziale? :penso Vediamo un po'...

[Andy94]

È possibile, qualcuno ci si è scontrato.
http://stackoverflow.com/questions/2792 ... ncy-in-php
http://stackoverflow.com/questions/3224 ... pyresample

[Boo]

È inutile cercare di risolvere un bug di un prodotto che ha millemila alternative.
Prova questo script se vuoi un watermark sulle tue immagini. Tuttavia se accetti un consiglio, eviterei completamente di farlo.
I visitatori si richiamano dai motori di ricerca, e le memorie ormai costano molto poco, quindi il vizio di rubare le immagini dagli altri siti appartiene agli anni '90. Francamente trovo più utile bloccare l'hotlinking tramite Apache piuttosto che riempire le immagini con i loghi.

[Al3x]

il vizio di rubare le immagini dagli altri siti appartiene agli anni '90

TLI è in una fase di start-up e il watermark svolge più una funzione di diffusione del marchio piuttosto che una contromisura ai "furti" di immagini. Se qualcuno riusa il nostro materiale va bene, almeno ci fa pubblicità

[Zane]

diffusione del marchio piuttosto che una contromisura ai "furti" di immagini.

Proprio così orrisone

Grazie anche a Boo per il link: me lo studio sicuramente per vedere se trovo qualche spunto.

[Zane]

Ok, sono riuscito a risolvere il problema principale e ora la situazione dovrebbe essere ok

Anche le PNG a 8-bit si vedono ok

Vado solo a fare un'ultima correzione per gestire un brutto bordo nero che si vede su questa PNG 8-bit trasparente poi chiudo il bug

[CUB3]

@Zane: mi sembra che il carimento delle immagini negli articoli sia molto più veloce rispetto a prima ma nel mio ultimo articolo ho un problema con un .png: lo sfondo trasparente non è rispettato e diventa nero. Ho provato più volte a caricare l'immagini anche dopo averla modficata ma la cosa non cambia.

Bug #533561781

[Zane]

Mi linki l'immagine così come si trova ora su TLI?

In ogni caso, non preoccuparti: non appena risolviamo il bug e rigeneriamo, va a posto automaticamente

[CUB3]

L'immagine è questa:
https://turbolab.it/immagini/max/firefo ... o-7697.img

[Zane]

Bene grazie ci guarderò. Tu intanto usala pure così dove ti serve

[CUB3]

Ok!
Se può essere di aiuto, la miniatura nell'anteprima dell'articolo è corretta:
https://turbolab.it/immagini/7697/min

[CUB3]

Nuovo articolo trasparenze rispettate!

Ma nel vecchio ancora no. Ho anche provato a ricaricare l'immagine ma non cambia niente.

[Zane]

Grazie CUB3,
ti confermo che a volte la trasparenza funziona bene, altre volte no. Non ho ancora capito da cosa dipenda, purtroppo.

[Zane]

Ho scoperto che il problema si presenta quando sull'immagine non viene aggiunto il nostro logo (watermark).

Ad esempio:



Evidentemente, il pezzo di codice che gestisce correttamente la trasparenza è all'interno di un if (watermark)...

Ripeto: non preoccupiamoci troppo del problema perché appena sistemo il codice vanno a posto anche tutte le immagini vecchie.

[Zane]

Ciao CUB3,
è passato molto tempo, ma ti confermo che su TLI 2.0 ho gestito molto meglio questa situazione (#12).

Ho anche aggiunto le specifiche immagini che mi hai indicato alla lista di quelle "a campione", da tenere d'occhio.

Non devi fare nulla: non appena andremo live con TLI 2.0, tutte le immagini problematiche inizieranno a vedersi correttamente.

[CUB3]

Grazie Zane!