de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Größe ändern und konvertieren SVG in PNG (Online) mit myScale

SVGs sind unglaublich nützlich für Designer, die skalierbare Grafiken benötigen. Sie finden Dutzende von SVG-Tools und -Programmen, mit denen Sie SVGs von Ihrem Mac oder Windows-Rechner aus skalieren und exportieren können .

Aber was ist mit der Bearbeitung von SVGs im Browser ? Wäre es nicht großartig, SVGs mit nur wenigen Klicks zu skalieren und zu exportieren, ohne dass Software benötigt wird?

Das ist genau der Zweck von myScale und es erledigt die Aufgabe gut. Mit dieser kostenlosen Web-App können Sie eine beliebige SVG-Datei hochladen, die genauen Abmessungen eingeben und dann als PNG exportieren .

Es scheint wie ein wirklich einfaches Tool, aber es verarbeitet eine Menge Verarbeitung im Backend. Konvertieren von SVGs in PNGs ist nicht die einfachste Aufgabe der Welt.

Der gesamte Code für diese App ist Open-Source und steht auf GitHub zur Verfügung, so dass Sie es überprüfen können, wenn Sie neugierig sind. Dies bedeutet auch, dass Sie die Dateien herunterladen und lokal auf Ihrem eigenen Webserver hosten können (100% JavaScript).

Wenn Sie ein starker Illustrator-Benutzer sind, werden Sie diese Web-App wahrscheinlich nicht viel nutzen.

Manchmal haben Sie jedoch keinen Zugriff auf Illustrator, und in anderen Fällen werden Sie sich nicht um die Benutzeroberfläche kümmern müssen. myScale bietet eine vereinfachte Methode für die SVG-Konvertierung :

  1. .svg Ihre .svg Datei .svg .
  2. Geben Sie die Breite in Pixel ein (behält das Seitenverhältnis automatisch bei).
  3. Klicken Sie auf "Generate", um eine Vorschau der Ausgabe anzuzeigen. Klicken Sie anschließend auf "Download", um Ihr PNG zu erhalten.

Dies alles kann mit nur einem Browser und Internetzugang erfolgen . Sie können dies auf Freebie-Iconsets verwenden, die Sie bereits auf Ihrem Computer haben, oder Sie können in den Icon-Suchmaschinen nach SVGs suchen, um die Größe zu ändern.

Da Sie eine reine Vektorgrafik hochladen, erhalten Sie keinerlei Datenverlust . Sie können ein 100px-Symbol oder ein 1000px-Symbol exportieren, die Qualität sollte genau gleich sein.

Werfen Sie einen Blick auf die Homepage und probieren Sie es aus. Sie können diese Web-Anwendung ein wenig einfacher als Illustrator, Sketch oder ein ähnliches Grafikbearbeitungsprogramm verwenden.

Designer-Handbuch zu den Grundlagen von Web Accessibility Design

Designer-Handbuch zu den Grundlagen von Web Accessibility Design

Das Internet sollte ein Ort sein, an dem jeder von überall auf die gleichen Inhalte zugreifen kann. Responsive Techniken haben einen weiten Weg für geräteunabhängige Designs gefunden . Aber was ist mit barrierefreien Designs ?Web Accessibility gibt es seit Jahren, aber seine Implementierung erfordert neue Fortschritte in der Technologie und Web-Entwicklung. Vi

(Tech- und Design-Tipps)

50 coole und kreative Power Banks, die Sie kaufen können

50 coole und kreative Power Banks, die Sie kaufen können

Egal wie leistungsfähig unsere Smartphones sind, es gibt eine Grenze dafür, wie lange eine volle Ladung dauern kann und es ist normalerweise weniger als einen ganzen Tag. Um das Beste aus Ihrem Smartphone herauszuholen, müssen Sie wahrscheinlich eine Ersatz- und tragbare Energiequelle mitnehmen: die Powerbank.Po

(Tech- und Design-Tipps)