wie kann man eine SVG Datei als http umwandeln

Ich verstehe zwar Deine Frage nicht genau, aber falls Du das Bild in eine Webseite einfügen möchtest, dann speicherst Du einfach das SVG auf dem Webserver und bindest es dann mit dem <img> tag in die HTML-Datei ein.

1

<img src="fertige_Internet_datei.svg" />

Da bin ich mal gespannt.

SVG (Scalable Vector Graphics) ist ein Graphikformat, HTTP (Hypertext Transfer Protocol) ein Übertragungsprotokoll.

Du wirst dir eine Webseite basteln müssen, in der deine Graphik eingebettet ist und dein Browser muss mit dem Format umgehen können.

Theoretisch hast du dir den benötigten Link möglicherweise gerade selbst erzeugt, indem du dein SVG hochgeladen hast: http://www.mikrocontroller.net/attachment/611959/fertige_Internet_datei.svg

Praktisch würde ich das SVG nochmal überarbeiten. SVG ist für das Abspeichern von Vektorgrafiken gedacht, bei dir sind Pixelgrafiken drin. Das erkennst du sofort daran, dass Teile deiner SVG beim Reinzoomen matschig werden. Bei einer Vektorgrafik kannst du unendlich reinzoomen, ohne dass da was unscharf wird.

Wenn deine App also eine Vektorgrafik in Form eines SVG erwartet, dann kommt sie möglicherweise nicht mit den Pixelgrafiken zurecht.

ich bin echt am verzweifeln liegt vermutlich daran das ich nicht viel Ahnung habe und ich seit heute früh darüber sitze. Jetzt habe ich eine reine SVG Datei und wie komme ich jetzt zu diesem URL LInk damit.

https://www.mikrocontroller.net/attachment/611966/endprodukt.svg

komischerweise haben meine Bilder nur wenige kB aber wenn ich dann mit den kalt und warmwasserrohren in Inkspace verbinde wird die Datei so groß. Ich weiß Ofen schreibt man mit einem f das war ein Fehler von mir.

ok habe den Fehler gefunden glaube ich die Rücklaufanhebung ist zu groß.

Die Datei muss anscheinend auf nem Webserver liegen. Deine Beschreibungen sind da echt unverständlich…

https://www.mikrocontroller.net/attachment/611966/endprodukt.svg Könnte funktionieren. Aber Dauerlösung ists nicht. Du bräuchtest einen (eigenen) Webspace, wo der Abruf auch dauerhaft gesichert ist. Ein direkter Bildaufruf in nem Forum oder sonstwo ist nicht dauerhaft. Muss nur einer an der Forensoftware was ändern und schon ändern sich Dateinamen oder Pfade. Oder die URLs sind nur kurzzeitig gültig.

Nur weil etwas die Endung .svg hat ist es noch lange keines. Hier die Bildchen werden nur in der Vorschau angezeigt aber nicht wenn ich die direkt als Datei öffnen will. Zumindest unter Android. Ich wäre auch mal dafür, dass es Meldungen von Programmen gibt wenn der Dateiinhalt nicht zur Endung passt.

Andererseits ... kann man in echte svg auch Bitmaps einbinden. Ja, der Standard kann das. Vielleicht wirft er in Inkscape lustig Bitmaps/jpgs/pngs rein und speichert die Gesamtkomposition als svg. Und völlig korrekt kommt dann ein fettes svg bei raus mit eingebetteten Pixelgrafiken.

Manuel schrieb:

ok habe den Fehler gefunden glaube ich die Rücklaufanhebung ist zu groß.

Sind bis auf evtl. Haus alles Bilder. SVG ist für gezeichnete / konstruierte Objekte. Der Tank könnte evtl noch eine sehr schlecht gebaute Vektordatei sein.

Zeichne alles selber, nix copy und paste. Nix Datei importieren oder so. Dann wirds ein kleines SVG. Aber das Hauptproblem scheint mir, dass die App ein Svg auf nem Webserver haben will.

Muß die App wirklich unbedingt mit http-URLs gefüttert werden? Oder kann es nicht auch ein anderes Protokoll sein wie file://<voll qualifizierter Filename>? Würde sich für rein lokale Files ja anbieten ...

Am besten mal die vollständige Original-Anleitung oder vollständige Meldungen posten. Auch im SVG könnten ja bilder per http verlinkt werden …

Ich habe wie gesagt nicht viel Ahnung davon das habt Ihr bestimmt alle schon gemerkt. Ich wollte eine einfache Temperaturanzeige mit einer ESP32 Steuerung. Diese habe ich soweit fertig gestellt und zwar nach Vorlage von. www.diy-temperature-logger.com/de/einkaufsliste/. Die Steuerung macht alles was Sie soll anschließend habe ich mir die App gekauft und wollte jetzt meine eigene SVG Datei erstellen um diese in die App zu laden doch leider funktioniert das leider nicht. Mir wurde bisher nur Inkscape vorgeschlagen in dem ich ein jpg in eine png datei umwandle und diese dann als svg speichere aber anscheinend ist da überall der Fehler drin.

Version 1.2.1 kann das SVG auch von der SD Karte des Esp. Steht da zumindest im Change log. Trotzdem das Svg verbessern. Das scheint für Handys nicht geeignet. Bei mir wirds jedenfalls nicht dargestellt

Der Tank ist übrigens ein png (data:image/png;base64) in der svg Datei. Oder hier das https://www.mikrocontroller.net/attachment/611966/endprodukt.svg laden mit dem Browser, ja, sieht kaputt aus im Firefox und Crome, dann als Datei speichern und mit einem Texteditor öffnen. Es sind mehrere pngs eingebunden.

Damit das svg ordentlich klein wird sollte das komplett ohne Pixelbilder erstellt werden. Das bedeutet, dass du alles selber zeichnest in Inkscape und dort keine Bilder einfügst.

Ok also verstehe ich es richtig einfach eine eigene Datei in Inkscape erstellen und Bilder selber malen und diese als SVG abspeichern dann. Diese dann mit dem Browser öffnen und dann habe ich in der Adreeszeile eine fertige URL Adresse ???

Also ich hab vor paar Jahren mal sogar "animierte" Grafiken (dynamisch) erstellt. Für Füllstandsanzeigen, aber das lief irgendwie nur mit Firefox und sonst mit nix.

Evtl. gibt es da einige Probleme bzgl. Datenübertragung, je nach Browser und Interpretation, aber bin da schon lange rauß.

Gustl B. schrieb:

Nur weil etwas die Endung .svg hat ist es noch lange keines.

Oh doch, das ist (im Prinzip) eine (mehr oder weniger) absolut korrekte SVG-Datei. Aber obwohl SVG ein XML-basiertes Dateiformat und als solches, sagen wir mal, "gut" lesbar ist, hat anscheinend noch keiner der Anwesenden einmal hineingeschaut, obwohl es offensichtlich ist, daß eine derart überschaubare Vektorgrafik höchstens wenige Kilobyte groß sein dürfte.

Wer (wie ich) einmal in die Datei hineinschaut, wird dort etwas finden, das zwar absolut legal in SVGs ist, den Sinn der skalierbaren Vektorgrafik aber maximal konterkariert: in diese SVG-Datei hat nämlich jemand PNG-Grafiken eingefügt. Das geht bei SVGs ganz ähnlich wie mit den Data-URIs bei HTML-Dateien, siehe dazu [1].

Das ist aber in zweierlei Hinsicht ein bisserl blöd, denn diese Dat(ei)en sind PNGs, also klassische Pixelgrafiken, welche dann eben auch genau so skalierbar sind wie klassische Pixelgrafiken das, nunja... nun einmal sind. Außerdem sind die Data-URLs in SVGs genau wie bei HTML in Base64 enkodiert -- ebendies bläht diese Daten dann noch einmal zusätzlich auf, und so kommen wir auf 8,8 MB für diese "SVG"-Datei. Setowas passiert, wenn sowas jemand macht, der keine Ahnung von den Dingen hat, die er tut -- und Ihr, liebe Forende, empfehlt dem Herrn auch noch, einen Webserver im Netz zu betreiben? Bitte sagt mir Bescheid wenn das online geht, dann fahre ich prophylaktisch meine Server herunter... :-)

[1] https://wiki.selfhtml.org/wiki/Grafik/Grafiken_mit_Data-URI

Manuel schrieb:

Diese dann mit dem Browser öffnen und dann habe ich in der Adreeszeile eine fertige URL Adresse ???

Nein. Lies hier: https://www.diy-temperature-logger.com/de/download/

Dort Release Notes 1.2. und du brauchst mindestens Firmware 1.2

Die Datei muss auf nem Webserver liegen. Und ab v1.2 hat der Esp den eingebaut.

vielen Dank für deinen Tipp. Wer lesen kann ist klar im Vorteil. Dennoch erstelle ich erstmal selber eine svg Datei ohne irgendwelche Bilder. Ich bedanke mich erstmal für euren vielen Tipps und Hilfestellungen und ich werde jetzt mal weiter probieren.

ich habe jetzt eine reine svg Datei auf die Speicherkarte hochgeladen diese dann in den Kartenslot neben dem ESP32 gesteckt und wollte dann die Adresse in der Handyapp eingeben doch leider bekomme ich die Fehlermeldung Error:com.android.volley.ClientError. Über Google kommen auch keine Hinweise die ich verstehe drum denke ich das ich erstmal aufgebe mit diesem Bild Upload der rest funktioniert ja obwohl ich keine Ahnung davon hatte.Aber man kann nicht alles können.

Manuel schrieb:

ich bin echt am verzweifeln liegt vermutlich daran das ich nicht viel Ahnung habe

Life is hard. Its even harder if you are dumb.

Anmerkung:

SVG ist ein Containerformat.

Es basiert auf XML und wurde zwar primär dazu geschaffen, die Vorteile der Vektorgrafik zu nutzen, aber man kann auch Pixelgrafiken, Videos und Fontdateien (encodiert in Base64) "einbetten".

Es zwar nicht sehr wahrscheinlich, aber dennoch nicht vollkommen unmöglich, dass SVG-Dateien auch für scheinbar kleine Motive ungewöhnlich groß werden können. Hängt von der erstellenden Software und deren Handhabung ab ..