wie kann man eine SVG Datei als http umwandeln

[Manuel (power-scream80)]

Ich habe folgendes Problem. Ich habe mir selber eine Datei erstellt die 
meiner Hausinstallation ähnlich ist. Da dafür habe ich jetzt eine App 
aber leider kann ich in diese nur eine http Datei als URL einfügen.
Ich habe jetzt schon einiges probiert doch leider komme ich nicht 
weiter.
Ich werde euch jetzt mal meine Ausgangsdatei hochladen und ich hoffe der 
ein oder andere hat eine Idee diese Datei als http link zu konvertieren. 
Weil wenn ich das mache wird es immer nur eine file Datei.

[Johnny B. (johnnyb)]

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.

<img src="fertige_Internet_datei.svg" />

[Stefan F. (Gast)]

Manuel schrieb:
> eine http Datei als URL

HTTP ist ein Übertragungsprotokoll.

Vermutlich meinst du eine HTML Datei. Man kann SVG Bilder in HTML 
einbetten. 
https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/Einbindung#Inline-SVG_2


Ob dein Browser das so darstellen kann ist eine andere Frage.

[Rainer W. (rawi)]

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.

[Korbinian G. (korbinian_g10)]

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.

[Stefan F. (Gast)]

Korbinian G. schrieb:
> Das erkennst du sofort daran, dass Teile deiner SVG beim Reinzoomen
> matschig werden.

Und an der extremen Dateigröße

[Manuel (power-scream80)]

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.

[Gustl B. (gustl_b)]

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

[Stefan F. (Gast)]

Manuel schrieb:
> Jetzt habe ich eine reine SVG Datei

Ganz sicher nicht. So viele Megabytes kriegt man nur mit unkomprimierten 
Pixeln hin. Eine Vektorgrafik (für die das svg Format gedacht ist) wäre 
nur wenige kB groß.

[Manuel (power-scream80)]

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.

[Manuel (power-scream80)]

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

[Stephan (stephan_h623)]

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.

[Gustl B. (gustl_b)]

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.

[Stephan (stephan_h623)]

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.

[Jens G. (jensig)]

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 ...

[Stephan (stephan_h623)]

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

[Manuel (power-scream80)]

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.

[Stephan (stephan_h623)]

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

[Gustl B. (-gb-)]

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.

[Manuel (power-scream80)]

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 ???

[Adam P. (adamap)]

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ß.

[Ein T. (ein_typ)]

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

[Stephan (stephan_h623)]

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.

[Manuel (power-scream80)]

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.

[Manuel (power-scream80)]

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.

[Cyblord -. (cyblord)]

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.

[Frank E. (Firma: Q3) (qualidat)]

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 ..