Bild auf meiner Website?
Guten Tag,
ich wollte fragen wie ich ein Bild auf meiner Website einfügen kann. Ich habe mir schon ein paar YouTube Tutorials angeschaut, die mir aber nichts gebracht haben. Meine Website ist von CloudFlare gehostet.
4 Antworten
Ich glaub das ist ein Riesen Missverständnis, die leute meinen nicht ganz genau
<img src="Path/image.jpg">
sondern da kommt in das
<img src=" ">
der Path / auf deutsch dort wo sich das Bild befindet im Ordner das du auf der website willst.
Sagen wir du hast einen Haupt Order Namens Website, da drinne ein Bild namens (Beispiel, kann so heissen wie du willst)
logo.png und eine index.html.
Dann schreibst du src="logo.png".
oder .jpg .jpeg oder .gif je nachdem wie sie ganz genau heisst und was für eine Endung sie hat.
Wenn das Bild logo.png in einem weiteren Ordner namens Bilder ist weil du mehrere Bilder und es geordneter sein soll machst du das so:
src="Bilder/logo.png"
Es gibt auch die Möglichkeit in src="" die Bildadresse/url einzufügen.
Aber sieht unschön aus und macht nicht immer sinn.
kann so heissen wie du willst
Eigentlich nein.
Zum einen alles Kleinbuchstaben.
Zum Anderen darf die Endung natürlich auch nicht beliebig sein, sondern muss zum Bild passen.
Auch Verzeichnisnanen sollten unbedingt klein sein. Keine Großbuchstaben.
Besser währe relative Pfade zu nehmen.
Also z.b. "./bitmap/name.png" bzw "../bitmap/name.png"
Um dir eine sinnvolle und zielführende Antwort zu geben, solltest du uns erst einmal verraten, wie deine Seite aufgebaut ist. Handelt sich bloß um eine statische Website aus HTML und CSS oder verwendest du irgendein Content-Management-System?
Ja nach Aufbau und Struktur gibt es unterschiedliche Lösungswege. Bei einem Content-Management-System (z.B. WordPress) lädst du das Bild erst in eine Mediathek und bindest das Bild z.B. mithilfe des System-eigenen Editors ein.
Wenn es sich bloß um eine selbsterstellte (statische) Seite handelt, musst du das Bild via FTP oder Provider-eigenem Tool auf deinen Webspace hochladen. Das Bild selbst bindest du dann innerhalb deines HTML mithilfe des <img> Elements ein.
<img src="path/image.jpg" alt="description">
LG medmonk
"<img src="path/image.jpg" alt="description">" Das habe ich schon probiert, funktioniert nur leider nicht, die Website besteht nur aus HTML, und schreibe auf GitHub den Code.
Wurde das Bild denn überhaupt hochgeladen und wenn ja, hast du die Pfadangabe schonmal überprüft? In welchem Verzeichnis liegt das Bild?
Was meinen sie mit "hochgeladen" ? Muss man das extra z.b auf GitHub hinzufügen?
Bilder, Grafiken und andere multimediale Inhalte (z.B. Videos) müssen selbstverständlich hochgeladen werden, um sie einbinden zu können. Wenn du das nicht gemacht hast, ist es nicht verwunderlich, wenn es nicht funktioniert.
In das Repository deiner Website oder auf deinen Webspace bei Cloudflare. Am sinnvollsten wäre GitHub, da du deine Seite ja auch dort entwickelst. Andernfalls müsstest du ggf. später erst noch die Pfadangaben ändern.
Okay alles gut, ich habe es jetzt hinbekommen, danke!
Zuerst musst du eine Bitmap haben an denen du die Rechte hast
Also keine irgendwo vom Netz und keine auf der Persohnen sind die nicht die Einverständnis gegeben haben (gibt nur wenige ausnahmen)
Dann must du das Bild per Ftp hochladen auf deinen Server, am besten in einem Verzeichnis Bitmaps oder images.
Nicht zu vergessen dafür einen guten Namen zu vergeben.
Danach musst du im HTML das Image einfügen und mit einem Alt-Text und Title-Text. Auch wie der Dateinahme schon passend zum Bildinhalt.
Danke für deine Antwort, das Problem habe ich aber schon etwas länger gelöst
Guten Tag.
Was hast du denn bisher versucht?
Bilder kannst du ganz einfach mit <img src="pfad"/> zu deiner Website hinzufügen.
Schau hier:
https://de.w3docs.com/html-lernen/html-bilder.html
Wenn es eher darum geht wo und wie du deine Bilder hosten kannst, dann kannst du das auch auf Cloudflare machen.
Schau mal hier:
https://developers.cloudflare.com/images/cloudflare-images/upload-images/dashboard-upload/
"Bilder kannst du ganz einfach mit <img src="pfad"/> zu deiner Website hinzufügen." Das habe ich schon versucht aber es funktioniert leider nicht.
Habe das Problem schon lange gelöst, danke
Das Missverständnis bestand darin, dass die Bilder überhaupt nicht hochgeladen wurden. Genauer gesagt in sein Repository auf GitHub, wo er die Seite aktuell entwickelt. Siehe Kommentare unter meiner Antwort. ;)
LG medmonk