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.

So planen Sie die Inhaltsanordnung für Responsive Design

So planen Sie die Inhaltsanordnung für Responsive Design

In einem kürzlich veröffentlichten Beitrag habe ich darüber gesprochen, wie sich visuelle Inhalte auf Layout-Design beziehen. Dieses Thema ist jedoch sehr detailliert und zersplittert in viele Unterthemen, von denen eine die visuelle Organisation für responsive Layouts ist .In diesem Beitrag möchte ich detaillierter auf Responsive-Inhalte eingehen, um einige Best Practices für die Neuanordnung von Inhalten für kleinere Bildschirme zu untersuchen . Im UI

(Tech- und Design-Tipps)

50 Spektakuläre Sehenswürdigkeiten der Natur, die Sie sehen müssen, bevor Sie sterben - Teil II

50 Spektakuläre Sehenswürdigkeiten der Natur, die Sie sehen müssen, bevor Sie sterben - Teil II

Egal zu welcher Jahreszeit, Sie haben bestimmt schon einen Urlaub im Kopf. Die einzige Frage, die sich Jahr für Jahr ändert, ist, wohin es geht. Hier sind ein paar Orte, an denen Sie beginnen möchten:30 wunderschöne Tempel in Asien müssen Sie besuchen45 beeindruckende Wahrzeichen auf der ganzen Welt40 spektakuläre Naturschauspiele müssen Sie sehen, bevor Sie sterbenUm dieser wachsenden Liste hinzuzufügen, haben wir eine weitere Liste mit spektakulären Orten, die Sie Ihrer Bucket-Liste hinzufügen möchten. Die Sache

(Tech- und Design-Tipps)