{"id":9537,"date":"2025-09-15T14:29:24","date_gmt":"2025-09-15T13:29:24","guid":{"rendered":"https:\/\/anb030.de\/a\/?p=9537"},"modified":"2025-09-15T14:30:23","modified_gmt":"2025-09-15T13:30:23","slug":"puxeltxt-webapp","status":"publish","type":"post","link":"https:\/\/anb030.de\/a\/puxeltxt-webapp\/","title":{"rendered":"puxelTXT \u2013 meine kleine WebApp zum Verpixeln von W\u00f6rtern in Screenshots"},"content":{"rendered":"
\n
\"Titelbild<\/figure>\n<\/div>\n\n\n

Das kennt ihr bestimmt auch: Ihr macht schnell einen Screenshot (Bildschirmfoto) auf dem iPhone, wollt diesen verschicken oder posten und merkt dann, dass noch ein Name oder eine E-Mail-Adresse darauf steht, die nicht jeder sehen sollte. Um dieses kleine Problem zu l\u00f6sen, habe ich mich in Apples Software Kaufhaus namens App Store umgesehen. Die gefundenen Apps, die genau das versprechen, haben jedoch eine unsch\u00f6ne Gemeinsamkeit: Sie haben hohe Abo-Modelle oder sind extrem mit Werbung zugepflastert. Da dachte ich mir: \u201eDas muss doch auch einfacher gehen.\u201c Also haben meine Finger angefangen, eine kleine WebApp zu entwickeln. Die Grafiken und das Icon habe ich liebevoll selbst gestaltet \u2013 schlicht, aber modern und ein wenig von den Apple SF-Symbolen inspiriert.<\/p>\n\n\n\n\n\n\n

\n
\"Screenshot:<\/figure>\n<\/div>\n\n\n

Meine Idee: Eine Web-App, die direkt in Safari und anderen Browsern l\u00e4uft<\/h2>\n\n\n\n

Anstatt eine App zu kaufen oder mit Werbung leben zu m\u00fcssen, habe ich eine kleine WebApp namens \u201epuxelTXT\u201c entwickelt, die komplett lokal im Browser wie Apples Safari l\u00e4uft. Mit den iOS-Bordmitteln im \u201eTeilen-Men\u00fc\u201c l\u00e4sst sie sich sogar wie eine native App mit Icon auf dem Homescreen ablegen. Was als Bastelprojekt mit etwas Coding-Hintergrundwissen begann, hat sich schnell als praktische L\u00f6sung f\u00fcr mich erwiesen. Alles funktioniert direkt auf dem Smartphone oder Tablet, ohne Umwege \u00fcber externe Server. Screenshots, die OCR-Texterkennung und Verpixelung bleiben lokal auf dem Ger\u00e4t, es wird nichts \u00fcbertragen. Dadurch ist die Anwendung nicht nur besonders schnell, sondern auch datenschutzfreundlich und im Sinne der DSGVO vollkommen unbedenklich. Apropos, die Bedienung meiner kleinen WebApp ist dabei bewusst simpel gehalten:<\/p>\n\n\n\n

\u2022 Oben links auf \u201eADD\u201c tippen \u2192 Zuvor erstelltes Screenshot aus der Fotos-App ausw\u00e4hlen

\u2022 Tippen in der Bearbeitungsansicht einfach auf ein oder mehrere W\u00f6rter \u2192 Diese dann verpixelt werden

\u2022 Zum Schluss oben rechts auf SAVE \u2192 Und das bearbeitete Bild landet wieder in der Fotos-App oder in der Dateien-App<\/p>\n\n\n\n

Minimalistisch, praktisch und ohne versteckte Kosten<\/h2>\n\n\n\n

Das Sch\u00f6ne daran ist, dass alles direkt auf dem Ger\u00e4t passiert, ohne Server und ohne Werbung. Ich habe ein schlichtes Design erstellt, ein kleines Icon f\u00fcr den Homescreen entworfen und eigene Symbole f\u00fcr die Buttons eingebunden. Damit habe ich genau das Werkzeug, das ich gesucht habe: Es ist schnell, unkompliziert und es gibt keine Abo-Fallen. Und manchmal ist die eigene L\u00f6sung eben die beste. Vielleicht ist mein Projekt ja auch etwas f\u00fcr dich. Probier es aus und hab viel Spa\u00df!<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
Zum Projekt: puxelTXT<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n\n\n\n

Der Quellcode zum nachlesen<\/h2>\n\n\n\n

Hier binde ich euch die drei ben\u00f6tigten Quellcode-Dateien zum Rumst\u00f6bern an, falls ihr diese selbst hosten oder einfach nur einen Blick hineinwerfen wollt. <\/p>\n\n\n\n

\u2022 index.html<\/a>
\u2022 script.js<\/a>
\u2022 style.css<\/a><\/p>\n\n\n\n

Wer nun Lust auf WebApps bekommen hat, kann sich gerne meine anderen WebApp-Projekte<\/a>, wie tempDOT oder fahrINFO, ansehen.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"puxelTXT<\/a><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

<\/p>\n\n\n\n

Ich bin ein \u201eEin-Personen-Betrieb\u201c, arbeite hauptberuflich im Gesundheitswesen und betreibe diese Seite als Hobbyprojekt in meiner Freizeit. Wenn Ihnen meine Arbeit gef\u00e4llt (die Beitr\u00e4ge, die Hintergrundbilder, mein allgemeines Auftreten \u2026 einfach alles), so d\u00fcrfen Sie gerne in Erw\u00e4gung ziehen, mir eine kleine Spende f\u00fcr zum Beispiel einen Caf\u00e9 \u2615\ufe0f per PayPal.com<\/a><\/strong> zukommen zu lassen! Ihre Beteiligung ist unglaublich wertvoll und tr\u00e4gt viel zur Unterst\u00fctzung und Erhalt dieser werbefreien Seite bei!<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\"PayPal Unterst\u00fctzen<\/a><\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n \"Author\n

Andr\u00e9 K. ist der Autor dieses Blogartikels. <\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Das kennt ihr bestimmt auch: Ihr macht schnell einen Screenshot (Bildschirmfoto) auf dem iPhone, wollt diesen verschicken oder posten und merkt dann, dass noch ein Name oder eine E-Mail-Adresse darauf steht, die nicht jeder sehen sollte. Um dieses kleine Problem zu l\u00f6sen, habe ich mich in Apples Software Kaufhaus namens App Store umgesehen. Die gefundenen […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,98],"tags":[392,416,435,412,388,390,389,391,456,386],"class_list":["post-9537","post","type-post","status-publish","format-standard","hentry","category-bilder","category-webtipp","tag-app","tag-apple","tag-geheimtipp","tag-grafik-graphic","tag-ios","tag-ipad","tag-iphone","tag-safari","tag-webapp","tag-webtipp","gallery-content-unit"],"_links":{"self":[{"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/posts\/9537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/comments?post=9537"}],"version-history":[{"count":21,"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/posts\/9537\/revisions"}],"predecessor-version":[{"id":9562,"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/posts\/9537\/revisions\/9562"}],"wp:attachment":[{"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/media?parent=9537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/categories?post=9537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/anb030.de\/a\/wp-json\/wp\/v2\/tags?post=9537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}