ausgeschnittenes Bild ohne Hintergrund in HTML

Hi Leute,

Ich weiß nicht ob ich das in die richtige Community schreibe aber ich leg mal los:

Ich möchte ein selbstgemachtes Photoshop Bild in HTML einfügen. Aber in Photoshop ist der Hintergrund der Figur ausgeschnitten, welches in HTML als weiss angezeigt wird...

Wie geht das, dass das Bild ausgeschnittene angezeigt wird, und der Hintergrund der HTML - Homepage blickt seitlich hindurch (was jetzt weis ist) ....

Ps: das Bild ist ein JPG vielleicht muss ich das anders abspeichern? Mit einer anderen Endung als JPG! ... keine Ahnung

Freu mich auf eure schnellen Antworten. Danke mfg

4 Antworten

Malakadi93

03.06.2014, 19:23

Das Problem ist, dass du es mit JPG abgespeichert hast! Du musst es mit PNG abspeichern, dann bleibt der Hintergrund auch transparent. (ein anderes Wort für ausgeschnittenes Bild ist außerdem PNG :) )

gejaf

18.05.2014, 22:01

Nicht die Endung - das Format ist entscheidend

Formate mit einstellbarer Tranzaparenz sid .gif und .png

( .jpg kannst du u.A. mit Irfan View umwandeln )

DeeDee07

18.05.2014, 22:01

Wähl in GIMP den Hintergrund aus (vielleicht mit dem Zauberstab) und schneide ihn aus bzw. färbe ihn transparent. Du musst dann das Bild in einem Format abspeichern, dass Transparenz unterstützt, vorzugsweise png (zur Not geht auch gif). Mit jpg ist Transparenz nicht möglich.

filmee24

18.05.2014, 22:00

du musst es als png speichern

mach dich mal über die bildkompressionen schlau

Ähnliche Beiträge

"Ausgeschnittenes" Bild in Photoshop speichern

Hallo zusammen, ich habe ein Objekt in Photoshop ausgeschnitten und möchte es abspeichern. Der Hintergrund ist jetzt leer, also dies grau und weißen Kästchen.

Wie und in welchem Format muss ich es abspeichern, damit ich es danach (ausgeschnitten!) in Premiere einfügen kann ?

Danke für Antworten.

...zum Beitrag

Html als jpg umwandeln

Ich habe eine html seite gesschrieben und würde sie gerne als hintergrund einstellen. Geht das?

...zum Beitrag

Wie kann ich den Hintergrund einer Webseite beim scrollen seitlich bewegen lassen?

Ich bin relativ neu in der Webdesign-Branche und surfte etwas, um mir Inspirationen einzufangen. Bei der Internetseite der Firma Unilever (Unilever.com). blieb ich hängen und fragte mich, wie es wohl funktioniert, dass sich der Hintergrund beim auf und ab scrollen horizontal bewegt. nur mit html und css ist dies nicht möglich, oder? aber wie dann?

...zum Beitrag

Text über Bild anzeigen lassen? Webdesign?

Hallo,

ich würde gerne auf einer Internetseite Text auf einem Hintergrundbild anzeigen lassen.

Das Bild habe ich über CSS mit background-image: url(Bildname); eingefügt. Den Text normal mit HTML. Der Text wird zwar jetzt auch auf dem Bild angezeigt, allerdings mit einem weißen Hintergrund mitten im Bild (siehe Bild). Der Text soll aber natürlich ohne diesen Hintergrund angezeigt werden.

Da ich noch relativer Anfänger bin und nicht weiter weiß, hoffe ich erstmal hier auf Hilfe.

Danke im Vorraus.

...zum Beitrag

html hintergrund?

hey,

ich habe ein problem mit den hintergrund

wenn ich ein div mache und den ein hintergrund zu weise wird es nicht angezeigt wenn ich es in den body tag rein schreibe wird es angezeigt aber dann wenn ich eine neue section machen will ändert es das bild vom body tag

und ich wollte jetzt fragen wie ich es hinkriege das das hintergrund bild vom div angezeigt wird

...zum Beitrag

Automatisch PSD und PNG statt JPG und PSD mit Photoshop abspeichern?

Guten Tag,

Ich habe das Problem, dass Photoshop alle Dateien als PSD und JPG abspeichert. Durch das abspeichern als JPG verschlechtert sich die Auflösung. Wenn ich es als PNG manuell abspeichere bleibt die Auflösung erhalten. Kann ich es automatisieren und alle Bilder automatisch als PSD und PNG abspeichern lassen?

...zum Beitrag

HTML - GIF Bild als Hintergrund, funktioniert nicht?

Ahoi!

Wenn ich:

    <!DOCTYPE html>
<html lang="de">
  <head> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IchBinEinIronManFake</title>
  </head>
  <body background="abc.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
  
    
  </body>
</html>

schreibe sollte doch eigentlich die Gif Datei "abc" als Hintergrund angezeigt werden.

Weshalb aber, geht das nicht?

...zum Beitrag

Photoshop Bild ohne Hintergrund speichern?

Hi,

kann man eine Grafik so abspeichern, dass man nur Die Grafik, aber keinen (auch keinen weißen) Hintergrund sieht?

Danke!:)

...zum Beitrag

Wie bekommt man bei Photoshop Produktfotos den Hintergrund ganz weiß (mit und ohne leichte Schatten) ohne, dass es "ausgeschnitten" aussieht?

Ich mache Produktfotos auf weißem Hintergrund und möchte mit Photoshop den Hintergrund richtig weiß haben, aber auch manchmal den leichten Schatten, den es schon gibt, behalten.

Wie macht man das am besten bei Photoshop ohne, dass es so ausgeschnitten (mit harten Kanten) aussieht?

...zum Beitrag

Photoshop Stapelverarbeitung mit Dateiname abspeichern?

Eine Frage zur Stapelverarbeitung mit Photoshop Aktionen von RAW als JPG Ausgabe.

Wie kann ich erreichen das die Datei jeweils den Original-Namen beibehält?

Die Aktion schreibt immer den Namen der Bilddatei, die bei der Aktion-Aufzeichnung präsent war. Ich möchte aber bei einer Stapelverarbeitung jeweils den Original Namen von jeder Bilddatei als JPG abspeichern.

Das sollte doch möglich sein, alles andere ist unsinnig :-)

...zum Beitrag

Localhost spinnt rum?

Ich benutze XAMPP zum Testen meiner Website, hat auch bis jetzt alles immer gut geklappt...

Meine Websites speichere ich jeweils in Unterordnern in htdocs, benutze erstmal nur HTML und CSS, darum geht es jetzt nämlich auch.

Einige Daten:

Betriebssystem: Linux | Ubuntu 20.04
Editor: gedit
Browser: Firefox 98.0.2 (64bit)

Das Problem ist dass immer wenn ich in meinem CSS-Code etwas ändere, es dann abspeichere und schließlich im Browser öffne, werden meine Änderungen nicht angezeigt. Wenn ich allerdings Sachen in der HTML-Datei ändere werden diese angezeigt.

Einige Klarstellungen:

Ich bin mir zu 100% sicher, dass ich die richtige CSS-Datei bearbeite und auch im richtigen Ordner abspeichere.
Die CSS-Datei wurde mit folgendem Code in der HTML-Datei verwiesen:

<link rel="stylesheet" href="style.css">

(Außerdem hat das Problem ja jetzt erst begonnen.)

Ich habe keine Fehler in der CSS-Datei eingebaut, also bspw. zwei Semikolons, unbekannte Befehle etc.

Kann mir da jemand weiterhelfen??

...zum Beitrag

Css-Datei und Bilder in HTML einbinden?

Hey ich muss für meine Informatik Hausaufgabe eine HTML Website erstellen, habe dies auch soweit getan. Die CSS ist auch fertig. Jetzt habe ich aber das Problem, dass wenn ich die HTML Seite öffne, alles richtig angezeigt kriege, weil die Datein im gleichen Ordner sind (jpg & CSS) aber wenn ich die HTML-Datei abgeben will an meinen Lehrer, dann kann er nur die HTML-Seite öffnen, ohne die Formatierung über die CSS und ohne Bilder. Wie kann ich das richtig einbinden? Oder muss man alle Datein (Bilder und CSS) mitschicken?

...zum Beitrag

Wie kann ich bei hPage PHP in HTML eingeben?

Hallo

In meiner Website auf hPage möchte ich im HTML-Code PHP-Sachen einfügen.

Der HTML-Editor meckert allerdings.

Muss ich die Seite mit einer PHP-Endung abspeichern?

Wenn ja, wie mache ich das?

...zum Beitrag

Photoshop: Auschnitt ränder entfernen?

Habe bei Photoshop den Hintergrund geändert. Auf dem Foto war eine Person. jetzt sind um die Person die Ränder zu sehen wo ich ausgeschnitten habe. sieht unpassend aus. wie kann ich machen das die ränder sich dem hintergrund irgendwie anpassen?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen