Wie "konvertiert" man ein Bild (jpg) in einen Html Code?

Mein Ziel ist es, eine jpg Datei in html zu konvertieren. Also kein "Bild" sondern den Code, der ist von nöten. Ich habe schon versucht auf anderen Seite hilfe zu suchen aber oft kommt das Argument das man ein Spammer sein könnte, aber im ernst. Richtige "Spammer" wissen sowieso schon wie das geht. Da ich mich auf diesem Gebiet kaum auskenne könnte es auch möglich sein, dass ich hier und da einige Dinge verwechselt habe.

3 Antworten

baucolo

27.12.2019, 10:27

Das geht nicht mit jpg, sondern mit png Grafiken, ist aber eher nur nur bei sehr kleinen Bildern zu empfehlen.

Dein passender Google-Suchbegriff lautet "Base64". Du kannst ein Bild mittels online-Encoder in eine Base64 Zeichenkette umwandeln lassen und sie dann direkt im HTML-Code deiner Skript-Datei einfügen. Die Syntax ist einfach und auch leicht im www zu finden.

Isendrak

27.12.2019, 10:54

Das geht genauso auch mit JPG, GIF, BMP, usw...

Tyldu

27.12.2019, 03:45

<img src="pfad/zu/bild.jpg">

oder was genau meinst du? den zusammenhang mit spammen seh ich allerdings nicht.

Woher ich das weiß:Studium / Ausbildung – Softwareentwickler, B. Sc. Informatik

regex9

27.12.2019, 03:56

Das alt-Attribut bitte nicht vergessen. Das ist nicht optional.

<img alt="Bildbeschreibung" src="pfad/zu/bild.jpg">

Majespecteur

Beitragsersteller

27.12.2019, 04:01

@regex9

Danke, da ich aber ein "Anfänger" bin ist da noch eine Frage. Was kommt in "Bildbeschreibung" und "pfad/zu/bild.jpg" genau hinein?

Tyldu

27.12.2019, 04:02

@regex9

hehe ich wusste dass das kommt. ich lehne das alt strikt ab, lasse es konsequent weg und hatte noch nie probleme. aber ja man "sollte" es eigentlich nicht weglassen

regex9

27.12.2019, 04:40

@Majespecteur

Inhaltlich das, was dort steht.

regex9

27.12.2019, 04:45

@Tyldu

Nein, du bekommst keine Probleme. Die Nutzer der Seite unter Umständen aber schon. Was meinst du, welchen Sinn das Attribut erfüllt?

Tyldu

27.12.2019, 04:54

@regex9

naja ich sags mal so: das konzept des alt attributes ist meiner meinung nach einfach veraltet. generell braucht man das img tag eigentlich kaum noch.

und wenn man jetzt an blinde denk bzw screenreader im allgemeinen, naja bei svg tags bekommen sie auch nix vorgelesen.

regex9

27.12.2019, 05:18

@Tyldu

Das img-Element wird noch häufig verwendet.

Bei SVG-Bildern sollte man daher Tags wie title und desc verwenden und diese sicherheitshalber mit aria-Attributen (z.B. aria-labelledby) mit dem svg-Element selbst verknüpfen.

Majespecteur

Beitragsersteller

27.12.2019, 03:57

Naja, auf "vielen" Seiten war die Anleitung extrem wage um Spammer zu verhindern idk warum. Meine Frage zu dem Code dort wäre nur, was für einen Pfad ich dort reinkopieren soll. Von wo nehme ich den her?

verreisterNutzer

27.12.2019, 03:19

Mit dem img Tag.

Majespecteur

Beitragsersteller

27.12.2019, 03:25

gut, da füge ich den code dann ein, aber wie kreiere ich den code jetzt?

verreisterNutzer

27.12.2019, 14:07

@Majespecteur

Du musst keinen Code erstellen.(Das geht auch nicht) In den img Tag kommt mit src= dein Bildpfad rein.

Ähnliche Beiträge

Wie kann ich eine .jpg als html code kostenlos umwandeln?

Hi ersteinmal, ich habe ein Problem, was ich so schnell wie möglich erledigen möchte! Wie kann ich ein Selbsterstelltes Bild in .jpg Format, als html code umwandeln, um dieses Bild in meine eigene Homepage einbauen zu können. Das ganze sollte natürlich kostenlos sein! Bitte um schnelle Hilfe!

...zum Beitrag

Was sind Gründe gegen den Islam oder gegen das Christentum?

Ich habe vor kurzem auf meinem Profil die Frage gestellt warum zum Islam konvertiert wird. Ich habe ein wenig recherchiert und bin zum Entschluss gekommen, dass beide Gründe haben ausgeübt zu werden. Ich bin aktuell noch Atheist, will aber entweder zum Islam oder zum Christentum konvertieren. Ich weiß aber noch nicht was. Deswegen hätte ich gerne Gründe/Argumente/Fakten gegen Islam oder Christentum um meine Entscheidung zu erleichtern. Danke

...zum Beitrag

HTML-Code für Wurzelziehen/Radizieren?

Hallo,

ich bin relativ neu im Gebiet programmieren und brauche Hilfe. In unserer Info-AG haben wir die Aufgabe bekommen, einen Taschenrechner mit den Rechenzeichen +, -, *, /, ** und √ mit einem HTML-Code zu programmieren.

Das Problem, wo ich festhänge ist das √.

Ich weiß einfach nicht, wie ich es in meinen Code einbauen kann.

Hier ist, was ich soweit habe (Wurzel-Button funktioniert wie gesagt nicht):

<!DOCTYPE html>
<html>
  <head>
    <h1>Taschenrechner</h1>
    <style>
      h1 {
        font-family: Arial;
        text-align: center;
        color: navy;
      }

      body {
        font-family: Arial;
        text-align: center;
      }

      input {
        width: 100px;
        font-size: 20px;
      }
    </style>
  </head>
  <body>
    <form name="Taschenrechner">
      <input type="button" value="0" onClick="document.Taschenrechner.erg.value+='0'">
      <input type="button" value="1" onClick="document.Taschenrechner.erg.value+='1'">
      <input type="button" value="2" onClick="document.Taschenrechner.erg.value+='2'">
      <input type="button" value="3" onClick="document.Taschenrechner.erg.value+='3'">
      <input type="button" value="4" onClick="document.Taschenrechner.erg.value+='4'">
      <input type="button" value="5" onClick="document.Taschenrechner.erg.value+='5'">
      <input type="button" value="6" onClick="document.Taschenrechner.erg.value+='6'">
      <input type="button" value="7" onClick="document.Taschenrechner.erg.value+='7'">
      <input type="button" value="8"
 onClick="document.Taschenrechner.erg.value+='8'">
      <input type="button" value="9"
onClick="document.Taschenrechner.erg.value+='9'">
      <label1>Rechensymbole:</label1>
      <input type="button" value="+" onClick="document.Taschenrechner.erg.value+='+'">
      <input type="button" value="-" onClick="document.Taschenrechner.erg.value+='-'">
      <input type="button" value="*" onClick="document.Taschenrechner.erg.value+='*'">
      <input type="button" value="/" onClick="document.Taschenrechner.erg.value+='/'">
      <input type="button" value="**" onClick="document.Taschenrechner.erg.value+='**'">
      <input type="button" value= "Wurzel"
onClick:="document.Taschenrechner.erg.valueMath.sqrt='x'">
      <input type="button" value="=" onClick="document.Taschenrechner.erg.value=eval(document.Taschenrechner.erg.value)">
      <label2>Ergebnis:</label2>
      <input type="textfield" id="erg" value="">
      <input type="reset" value="Reset">
    </form>
  </body>
</html>

...zum Beitrag

Urkunde einer Moschee benötigt? (Konvertierung)

Hey ich habe mal eine Frage an alle Muslime die sich damit auskennen. Ich habe gehört das wenn man seinen muslimischen Namen auch in seinen Papieren eintragen will, man eine Bestätigungsurkunde von der Moschee benötigt die bezeugt das man zum Islam konvertiert ist. Was ist aber wenn man nicht in einer Moschee konvertiert ist, sondern einfach vor 2 muslimischen Zeugen. Muss man da extra nochmal in einer Moschee konvertieren? Oder ist diese Urkunde nicht notwendig bei der Hinzufügung des Namens? Kennt sich da jemand vielleicht aus?

...zum Beitrag

HTML Code funktioniert nicht Bild wir mit Platzhalter ersetzt?

<!DOCTYPE html>
<html lang="de">
 <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>LIHI Haircuts</title>
 </head>
 <body>
  <img src="/Bilder/Salon.jpg">
 </body>
</html>

Das ist der Code bis jetzt und angezeigt wird mir nur ein Platzhalter. Ich haben einen Ordner namens "Haircut Seite" auf dem Desktop angelegt. Darin befindet sich die ".html" Datei und ein weiter Ordner Namens "Bilder", dort sind dann die Bilder die ich für die Website nutzen möchte. Die Bilder sind auch alle .jpg Dateien. Weiß jemand weiter ?

...zum Beitrag

wie kann ich html in jpg umwandeln?

Leider finde ich kein passendes Programm

...zum Beitrag

Python mit HTML verbinden?

Hallo,

ich habe eine HTML- Datei und eine Python- Datei, welche ich mit Flask verbinden möchte. Mein Ziel ist es, dass wenn ich das Wort „Luna“ sage, ein div in der HTML- Datei eingefügt wird, doch bei mir funktioniert das nicht. Kann mir jemand erklären, wie ich die zwei Codes verbinden kann?

Freundliche Grüsse

...zum Beitrag

Html/Css lernen - Code Editor für iPad?

Hallo :)

Ich möchte gerne HTML und CSS weiter lernen. Ich kenne so basics, also wenn ich einen Code vor mir habe, bin ich durchaus in der Lage mich da einigermaßen drin zurecht zu finden, Einzelheiten an zu passen oder so.

Aber würde man mir nun einen leeren Editor geben und sagen "hier mach mal ne Webseite", wüsste ich überhaupt nicht wie ich das aufbauen müsste, wie ich anfangen müsste etc.

Da ich demnächst eine längere Wartezeit vor mir hab, die ich einfach absitzen muss... dachte ich mir, könnte ich die Zeit ja effektiv nutzen und auf meinem iPad was üben.

Könnt ihr hier eine App zum üben empfehlen? :) oder auch um unterwegs Code Dateien zu bearbeiten...

Ziel ist es, später dann Tailwind CSS zu integrieren. Falls dazu noch Tipps vorhanden sind, nehme ich die auch gerne an

...zum Beitrag

C# in HTML konvertieren (auf Website einbinden)

Hallo, ich denke, die Überschrift hat schon viel erklärt :). Ich möchte eine Windows Forms-Datei (z.B. Vereinfachter Taschenrechner), die ich im Microsoft Visual Studio 2010 C# programmiert habe, auf meine Website einbinden, deshalb möchte ich für die Datei einen HTML-Code generieren lassen. Geht das? Oder wie bindet man Windows Forms-Dateien in Websiten ein????

Vielen Dank für eure Antworten!!!!! :)

...zum Beitrag

Dynamisches Inhaltsverzeichnis HTML/JavaScript?

Hallo liebe Community,

ich bin gerade dabei ein Word-Dokument in HTML Code zu konvertieren. Soweit passt alles, jedoch hab ich etwas Probleme beim Inhaltsverzeichnis (siehe Bild).

Mein Wunsch wäre es das Inhaltsverzeichnis dynamisch zu gestalten, doch ich hab leider keine Ahnung wie. Ich kenne mich mit JavaScript zu wenig aus um zu sagen, ob dies hiermit möglich ist.
Außerdem stellt sich mir dir Frage, wie ich die Punkte neben der Namen des Inhaltsverzeichnisses immer bis zum Seitenende füllen kann, da sich die Überschriften von der Länge auch variieren können.

Vielleicht hat aber auch jemand eine Idee, wie ich das gesamte Inhaltsverzeichnis so realisieren kann.

Danke!

...zum Beitrag

Sünde-Islam-vergebung?

Ich brauche dringend Hilfe! Ich bin vor ca 9 Monaten zum Islam konvertiert aber war es bis vor ca 5 Monaten nicht in herzen. Ich habe dann vor 6 Monaten eine Sünde begangen weil ich nicht im herzen muslim war. Verzeiht Allah mir das ab dem Zeitpunkt wo ich im herzen muslim bin so wie wenn ich zum Islam konvertiere? Bitte nur hilfreiche Antworten von Leuten die sich damit wirklich auskennen! Danke!

...zum Beitrag

Mortalität und Religion?

Ist es normal, dass man sehr bewusst über seine Mortalität, und Verletzlichkeit Bewusst ist, dass man auch umso religiöser wird?

Es war eine Nahtoderfahrung die mich schlussendlich konvertiert hat zum Christentum. Vorher überlegte ich zwar schon ob ich konvertieren sollte, weil es gibt gute Argumente für das Christentum.

Die Frage ist, gibt es ein Zusammenhang zwischen Bewusstsein der eigenen Mortalität und Religiosität?

...zum Beitrag

Wieso wird eine html-Datei auf meinem Webserver (Raspberry PI) nicht so dargestellt, wie wenn ich sie normal im Browser öffne?

Ich habe einen Apache2 Webserver auf meinem Raspberry PI installiert. Nun habe ich meine html Website hinterlegt. Diese kann auch vom Server abgerufen werden, nur sieht sie nicht so aus, wie ich sie eigentlich programmiert habe. Fehlt auf dem Webserver vielleicht ein Programm, dass dies ermöglicht? Kann der Webserver möglicherweise nicht alles an den Client senden, sodass dieser nur den reinen html code und nicht den Rest empfängt (CSS, JavaScript)? Ich bin leidern noch nicht so erfahren auf diesem Gebiet. Vielleicht kann mir jemand helfen, Danke!

...zum Beitrag

HTML - IFrame mittig anzeigen

Ich kenn mich nicht wirklich aus mit dem Schreiben von HTML. Mein Ziel ist es, dass ich eine Hauptseite habe und in dieser mittig (!)in einem "Fenster" die diversen Inhalte/Links angezeigt werden. Mein Code zeigt zwar auf meinem Bildschirm alles mittig, aber auch kleineren nicht, was wohl an der Angabe der Position des Iframe liegt. Wie kann ich den Code so berichtigen, dass das Fenster immer in der Mitte ist??? Bitte nicht zu komplizierte Antworten .O( ... ich bin da nicht fit drin!

Hier mein Code:

____________

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen