Forum rules

weissen rand um bilder entfernen?

Quote

Post by littleredcar » Thu Aug 29, 2019 11:16 pm

hallo ihr lieben.

so, sitze seit laengerem endlich wieder mal einem opencart-projekt! :joker:

und gleich die erste frage:
der haupt-content-bereich meiner seite hat einen farbigen hintergrund. ebenso meine (zuvor freigestellten) produktbilder. nun blitzt aber um die bilder (grosses bild und thumbnails) IMMER ein weisser rand!? hier mal zur verdeutlichung mit 'etwas' uebertriebenen farben:
Image

egal ob ich den seitenhintergrund, den contentbereich oder die einzelnen divs ums bild einfaerbe - das weiss bekomme ich einfach nicht weg! :-[
koennt ihr mich hier auf die richtige faehrte fuehren?

danke und gruss!
Last edited by littleredcar on Fri Aug 30, 2019 4:31 pm, edited 1 time in total.

---
Environment
php: 7.4.33
Browser: Chrome latest

---
OpenCart
2.3.0.2 singlestore (bugfree edition by xxvirusxx: https://github.com/condor2/Opencart_2302)
DE language by OSWorX (https://www.opencart.com/index.php?rout ... n_id=31048)
Template: Sellmore by 321cart
quite a few Extensions :-)

littleredcar
Active Member
Posts
161
Joined
Thu Jul 30, 2009 4:21 pm
Top

Re: weisser rand um bilder entfernen?

Quote

Post by OSWorX » Thu Aug 29, 2019 11:39 pm

Sicher dass die Bilder keinen (weißen) Rand haben?
Ansonsten leicht mit CSS anzupassen.

Bzw. mal die Masse der Bilder anschauen und eventuell anpassen, denn diese Bilder werden immer 'On-The-Fly' generiert und liegen im Cache.
Eventuell eine URL zum Shop wär nicht sooo schlecht ..

Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.

User avatar
OSWorX
Administrator
Posts
7828
Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria
Top

Re: weisser rand um bilder entfernen?

Quote

Post by littleredcar » Thu Aug 29, 2019 11:50 pm

hi und danke.

ja, die bilder haben definitiv KEINEN weissen rand.
in css bin ich eigentlich recht fit. da habe ich wie gesagt fuer ALLE body, divs, ul etc. einen eigene backgroundfarbe explizit angegeben - ohne erfolg (ja, cache geleert ;) ).

URL maile ich dir per PN. haette da eh noch 'richtige' arbeit ausserhalb des forums fuer dich... ;D

PS: sorry, vergessen: OC 3.0.2.0

---
Environment
php: 7.4.33
Browser: Chrome latest

---
OpenCart
2.3.0.2 singlestore (bugfree edition by xxvirusxx: https://github.com/condor2/Opencart_2302)
DE language by OSWorX (https://www.opencart.com/index.php?rout ... n_id=31048)
Template: Sellmore by 321cart
quite a few Extensions :-)

littleredcar
Active Member
Posts
161
Joined
Thu Jul 30, 2009 4:21 pm
Top

Re: weisser rand um bilder entfernen?

Quote

Post by IP_CAM » Fri Aug 30, 2019 12:38 am

Das mit dem weissen Bildrand stammt von der image.php datei im system/library/... Verzeichnis.
OC v.3.0.2.x:

Code: Select all

if ($this->mime == 'image/png') {
	imagealphablending($this->image, false);
	imagesavealpha($this->image, true);
	$background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
	imagecolortransparent($this->image, $background);
} else {
	$background = imagecolorallocate($this->image, 255, 255, 255);
}
In meiner OC v.1.5.6.5 sieht es so aus:

Code: Select all

//JTI MOD - $background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
	$background = imagecolorallocatealpha($this->image, 215, 215, 215, 127);
	imagecolortransparent($this->image, $background);
} else {
//JTI MOD - $background = imagecolorallocate($this->image, 255, 255, 255);
	$background = imagecolorallocate($this->image, 215, 215, 215);
}
	imagefilledrectangle($this->image, 0, 0, $width, $height, $background);
	imagecopyresampled($this->image, $image_old, $xpos, $ypos, 0, 0, $new_width, $new_height, $this->info['width'], $this->info['height']);
und produziert das, anstatt in weiss:
Image
---
Oder dann Bilder mit dunklem Hintergrund:
Image

Code: Select all

//JTI MOD - $background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
$background = imagecolorallocatealpha($this->image, 68, 0, 0, 127);
	imagecolortransparent($this->image, $background);
} else {
//JTI MOD - $background = imagecolorallocate($this->image, 255, 255, 255);
	$background = imagecolorallocate($this->image, 68, 0, 0);
}
	imagefilledrectangle($this->image, 0, 0, $width, $height, $background);
	imagecopyresampled($this->image, $image_old, $xpos, $ypos, 0, 0, $new_width, $new_height, $this->info['width'], $this->info['height']);
Und mit dieser Routine, unmittelbar nach der obigen Routine plaziert, kann man die
Bilder auch noch etwas nachschärfen, was auf die Qualität auch einen Einfluss hat:

Code: Select all

//JTI MOD Image Sharpening Code
     $matrix = array(
        array(0.0, -1.0, 0.0),
        array(0.0, 6.0, 0.0),
        array(0.0, -1.0, 0.0)
     );
...
Vielleicht hilft's.
Ernst

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13060
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top

Re: weisser rand um bilder entfernen?

Quote

Post by OSWorX » Fri Aug 30, 2019 2:30 am

Eins habe ich auch noch (als .jpeg, .gif oder .png wahlweise):

Code: Select all

$width  = imagesx($image);
    $height = imagesy($image);

    $newImage = imagecreatetruecolor($width, $height);

    /* Allow to keep nice look even if resized */
    $white = imagecolorallocate($newImage, 255, 255, 255);
    imagefill($newImage, 0, 0, $white);
    imagecopyresampled($newImage, $image, 0, 0, 0, 0, $width, $height, $width, $height );
    imagecolortransparent($newImage, $white);

Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.

User avatar
OSWorX
Administrator
Posts
7828
Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria
Top

Re: weisser rand um bilder entfernen?

Quote

Post by littleredcar » Fri Aug 30, 2019 5:14 pm

IP_CAM wrote: ↑
Fri Aug 30, 2019 12:38 am
 Das mit dem weissen Bildrand stammt von der image.php datei im system/library/... Verzeichnis.
OC v.3.0.2.x:
...
Und mit dieser Routine, unmittelbar nach der obigen Routine plaziert, kann man die
Bilder auch noch etwas nachschärfen, was auf die Qualität auch einen Einfluss hat:

Code: Select all

//JTI MOD Image Sharpening Code
     $matrix = array(
        array(0.0, -1.0, 0.0),
        array(0.0, 6.0, 0.0),
        array(0.0, -1.0, 0.0)
     );
hallo ernie.

klasse, vielen dank! :yahoo:
das funzt aber nur bei .pngs?

schaerfung habe ich auch mal eingebaut. mal gucken ob das crisper wird! ;D

gruss!

---
Environment
php: 7.4.33
Browser: Chrome latest

---
OpenCart
2.3.0.2 singlestore (bugfree edition by xxvirusxx: https://github.com/condor2/Opencart_2302)
DE language by OSWorX (https://www.opencart.com/index.php?rout ... n_id=31048)
Template: Sellmore by 321cart
quite a few Extensions :-)

littleredcar
Active Member
Posts
161
Joined
Thu Jul 30, 2009 4:21 pm
Top

Re: weisser rand um bilder entfernen?

Quote

Post by littleredcar » Fri Aug 30, 2019 5:20 pm

OSWorX wrote: ↑
Fri Aug 30, 2019 2:30 am
 Eins habe ich auch noch (als .jpeg, .gif oder .png wahlweise):

Code: Select all

$width  = imagesx($image);
    $height = imagesy($image);

    $newImage = imagecreatetruecolor($width, $height);

    /* Allow to keep nice look even if resized */
    $white = imagecolorallocate($newImage, 255, 255, 255);
    imagefill($newImage, 0, 0, $white);
    imagecopyresampled($newImage, $image, 0, 0, 0, 0, $width, $height, $width, $height );
    imagecolortransparent($newImage, $white);
hammer, danke! :dance:

"wahlweise" heisst? ENTWEDER bei .jpg, .gif ODER .png? oder funzt das bei EGAL welchem bildformat?

und kommt der code zusaetzlich zur standard-bildhintergrundfarbgenerierung ins script? order ERSETZT er diese?
also diesen part hier:

Code: Select all

if ($this->mime == 'image/png') {
	imagealphablending($this->image, false);
	imagesavealpha($this->image, true);
	$background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
	imagecolortransparent($this->image, $background);
} else {
	$background = imagecolorallocate($this->image, 255, 255, 255);
}

---
Environment
php: 7.4.33
Browser: Chrome latest

---
OpenCart
2.3.0.2 singlestore (bugfree edition by xxvirusxx: https://github.com/condor2/Opencart_2302)
DE language by OSWorX (https://www.opencart.com/index.php?rout ... n_id=31048)
Template: Sellmore by 321cart
quite a few Extensions :-)

littleredcar
Active Member
Posts
161
Joined
Thu Jul 30, 2009 4:21 pm
Top

Re: weissen rand um bilder entfernen?

Quote

Post by IP_CAM » Fri Aug 30, 2019 7:05 pm

Es funktioniert bei .jpg genauso, deshalb ist das Ganze ja auch in einer
IF (.png) ELSE (.jpg) Routine.
Ernst

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13060
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top

Re: weissen rand um bilder entfernen?

Quote

Post by OSWorX » Fri Aug 30, 2019 7:34 pm

Entweder .. Oder ..

.gif, .png oder .jpg

Und die Hintergrundfarbe wird mit der Zeile bestimmt (bei NICHT .png)

Code: Select all

$background = imagecolorallocate($this->image, 255, 255, 255);
da nur .png einen Alphakanal haben der mit dem 4. Parameter bestimmt wird:

Code: Select all

$background = imagecolorallocatealpha($this->image, 255, 255, 255, 127);
Ganz einfach .. gibt noch viele dieser Spielereien ..

Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.

User avatar
OSWorX
Administrator
Posts
7828
Joined
Mon Jan 11, 2010 10:52 pm
Location - Austria
Top

Re: weissen rand um bilder entfernen?

Quote

Post by IP_CAM » Sat Aug 31, 2019 9:28 pm

Und hier noch ein Beitrag auf Facebook zum Problem, und möglicherweise einer Lösung:
https://www.facebook.com/groups/ocdev/p ... 8822860975
Image

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13060
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top

Re: weissen rand um bilder entfernen?

Quote

Post by littleredcar » Mon Sep 02, 2019 9:17 pm

IP_CAM wrote: ↑
Sat Aug 31, 2019 9:28 pm
 Und hier noch ein Beitrag auf Facebook zum Problem, und möglicherweise einer Lösung:
https://www.facebook.com/groups/ocdev/p ... 8822860975
Image
hallo ernie.

vielen dank.
aber ich bin inzwischen auf die einfachste + effektivste loesung umgestiegen: einfach bilder im quadratischen format hochladen. ;D
(zumal ich die entsprechende stelle in der image.php (v. 3.0.2.0) nicht gefunden habe...)

---
Environment
php: 7.4.33
Browser: Chrome latest

---
OpenCart
2.3.0.2 singlestore (bugfree edition by xxvirusxx: https://github.com/condor2/Opencart_2302)
DE language by OSWorX (https://www.opencart.com/index.php?rout ... n_id=31048)
Template: Sellmore by 321cart
quite a few Extensions :-)

littleredcar
Active Member
Posts
161
Joined
Thu Jul 30, 2009 4:21 pm
Top

Re: weissen rand um bilder entfernen?

Quote

Post by IP_CAM » Wed Sep 04, 2019 8:24 am

Das Gezeigte oben ist eine eigenständige Routine, so wie es scheint, und müsste
wahrscheinlich nur 'variablenmässig' integriert werden, oder so ähnlich. Ich
habe sie beigelegt, damit uns vielleicht jemand auf eine Idee bringt, da meine
eigene Weisheit nicht reicht, wenn's um solche Sachen geht. :-\

Aber ich habe noch ein wenig rumgespielt, anstatt mein Ding termingerecht
fertigzustellen. ::) Und wenn man im Grid_View Display zumindest gleich 'hohe'
'Grid-Fenster/Rahmen' haben will, kann man diese 'fix' definieren, unabhängig
von dem durch die Bildhöhe gegebenen Wert, mit einem min-height Wert.

Code: Select all

<div style="text-align:center;min-height:310px;">
<?php if ($product['thumb']) { ?>
<a href="<?php echo $product['href']; ?>"><img class="img-thumbnail" src=" ..........
<?php } ?>
</div>
Und das kann man auch mit der nachstehenden Textsektion machen. Aber die
CROP- Routinen, die ich probierte, beschneiden die Bilder im Kleinbildmodus,
und sowas kann man auch nicht brauchen. Man sollte deshalb von Anfang an klar
festlegen, nach welchem Gusto Bilder anzufertigen sind, damit man nicht plötzlich
merkt, dass das Eine oder Andere irgendwie nicht so gefällt, wie es eigentlich könnte.

Und mit einem MAX-HEIGHT Wert des ganzen Grid Fensters/Rahmens könnte man
zudem verhindern, dass in OC standard Themen plötzlich 'Löcher' in der Darstellung
sichtbar sind, weil irgend ein überlanges Bild das Layout über den Haufen wirft.

Code: Select all

<div style="text-align:center;max-height:480px;">
Viel Glück! ;)
Ernie
---
So siehts im Moment bei mir aus:
http://www.jti.li/shop/index.php?route=product/special
---

My Github OC Site: https://github.com/IP-CAM
5'600 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.

User avatar
IP_CAM
Legendary Member
Posts
13060
Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland
Top
Post Reply
Return to “Deutsches Forum”
Who is online

Users browsing this forum: No registered users and 7 guests