Hintergrund wird "zermatscht"

sebi45 schrieb am 13.10.2017 um 19:33 Uhr

Hallo zusammen,

ich betreibe die Webseite http://westfalia-schwimmen.de

Ich habe sie komplett mit dem WD 12 Premium erstellt.

Jetzt habe ich das Problem, daß mein "Sticker" mit dem Ferienplan nicht flüssig mit dem Hintergrund agiert.

Schwer zu beschreiben, sehts Euch an. Kann mir jemand erklären wo das Problem ist und was ich dagegen tun kann?

 

Danke schon mal

Sebi

Kommentare

GuenthiG schrieb am 13.10.2017 um 19:44 Uhr

Oben rechts die beiden sehen genauso aus. Sinds denn PNGs? Sind wohl nur diese "speziellen" Objekte betroffen, die nicht rechtwinklig sind.

sebi45 schrieb am 13.10.2017 um 20:21 Uhr

Stimmt, die sind mir noch gar nicht aufgefallen... aber ja, sind alles png´s

 

GuenthiG schrieb am 13.10.2017 um 21:10 Uhr

Also wenn ich PNGs mache, dann bezieht sich das Außenmaß auf das, was noch zu sehen ist, auch wenn das Bild vorher größer war, weil evtl. durch die Transparenz Bereiche wegfallen, auf denen es dann sowieso nichts zu sehen gibt. Es gibt da also keinen imaginären Rahmen drumrum, den deine Bilder haben.

Ich mache meine PNGs mit Corel Foto-Paint. Wenn ich die vor einen Hintergrund setzen möchte, maskiere ich das, was ich haben will, invertiere die Maske, kopiere das Ganze und füge es aus dem Zwischenspeicher in eine neues Bild ein. Und das zeigt mir das, was übrig blieb, weil ich mit der Maske Bereiche entfernt habe. Die Ränder des Bildes beginnen dort, wo der erste Pixel vorhanden ist. Bei dir ist aber ein Rahmen vorhanden, was auf einen Hintergrund hindeutet, auch wenn der transparent erscheint. Da ist also noch mehr Bild vorhanden als nötig und gewünscht.

Deine Objekte würde ich genauso als PNG anfertigen, aber ich kann mir nicht denken, dass ich da so einen komischen Bereich drum hätte, weil Corel bis an das ausgeschnittene Objekt rangeht. Zwar wäre das Ganze auch wieder eckig, aber eben nicht so weiträumig.

Das ist das Original.

Das PNG, das schmaler ist, weil rechts der Himmel entfernt wurde. Das Bild beginnt also bei den Randpixeln.

Zuletzt geändert von GuenthiG am 13.10.2017, 21:15, insgesamt 3-mal geändert.

VDL 2016 Premium | Version 15.0.0.114 (UDP3)

WIN 10 (10.0.18363) | Intel i5-9400F | 2.90 GHz | 16 GB RAM | GTX 1650

Knipse Panasonix Lumix DMC-FZ300 + DJI Osmo Action

GuenthiG schrieb am 13.10.2017 um 21:41 Uhr

Dein "PNG" ................ Mein PNG (nicht schön, aber ...)

Zuletzt geändert von GuenthiG am 13.10.2017, 21:42, insgesamt 2-mal geändert.

VDL 2016 Premium | Version 15.0.0.114 (UDP3)

WIN 10 (10.0.18363) | Intel i5-9400F | 2.90 GHz | 16 GB RAM | GTX 1650

Knipse Panasonix Lumix DMC-FZ300 + DJI Osmo Action

sebi45 schrieb am 13.10.2017 um 21:42 Uhr

ok, werde ich Sonntag mal probieren, morgen werde ich nicht dazu kommen.

Aber danke erst mal..

 

GuenthiG schrieb am 13.10.2017 um 21:57 Uhr

Das Bild ist leider nur 300 x 300 Pixel groß. Deshalb sah die Maske etwas zackig aus. Außerdem liegen Konturen im Schatten. Das ist schlecht für eine automatische Maske. Da ist Handarbeit angesagt. Bei dem Zettel wird's wohl einfacher sein. Viele Glück.

-------------------------------------------------

Habe mir mal den Zettel vorgenommen. Der ist nicht mal so zu kopieren wie er da ist. Habe versucht ausm Screenshot was zu machen. Sind das alles Vorlagen? Die Dinger sind alle grausig auszuschneiden. Überall unscharfe Ränder, Schatten, ... Meine Automaske findet die Konturen jedenfalls nicht optimal.

Vielleicht liegt der Fehler doch woanders.

Zuletzt geändert von GuenthiG am 13.10.2017, 22:31, insgesamt 1-mal geändert.

VDL 2016 Premium | Version 15.0.0.114 (UDP3)

WIN 10 (10.0.18363) | Intel i5-9400F | 2.90 GHz | 16 GB RAM | GTX 1650

Knipse Panasonix Lumix DMC-FZ300 + DJI Osmo Action

BilderMacher schrieb am 13.10.2017 um 22:08 Uhr

Stimmt, die sind mir noch gar nicht aufgefallen... aber ja, sind alles png´s

Sicher? Das stellt sich auf der HP völlig anders dar. Im Quelltext ist kein PNG an der Stelle ...

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 131.0.3 (64-Bit)

marboe schrieb am 14.10.2017 um 06:59 Uhr

Du kannst einfach per Rechtsklick "Grafikinfo anzeigen" feststellen, ob du alles richtig gemacht hast. Mindestens hier leider nicht :

Das letzte Bild mit dem Zettel zeigt dein benanntes Problem. Das ist kein png, sondern ein jpg. Deswegen wird ein rechteckiger Ausschnitt des Hintergrundes gezeigt.

Ein png ist hier nur, richtigerweise weil gedreht, der Text.

Korrigiere das einfach in den Webeinstellungen unter Bildformat und deine Anzeige wird wieder stimmen.

Natürlich kann man sowas auch im Quelltext sehen, aber per Grafikinfo ist es übersichtlicher.
Gruß Marboe

sebi45 schrieb am 14.10.2017 um 11:27 Uhr

Super... funktioniert... Danke...

GuenthiG schrieb am 14.10.2017 um 12:14 Uhr

Hui ... saubere Arbeit geworden. Mit Hand oder automatisiert?

sebi45 schrieb am 14.10.2017 um 12:19 Uhr

So wie Marboe es beschrieben hat. Bildeigenschaften von automatisch auf png..

funzt...