Jeder Entwickler arbeitet häufig mit Bildern. Man referenziert sie in C#, HTML, XAML, CSS, C++, TypeScript und sogar in Codekommentaren. Einige Bilder sind lokal, andere online oder auf Netzwerkfreigaben vorhanden, während andere nur als base64-kodierte Strings existieren. Man verweist im Code auf zahlreiche Arten auf sie, aber immer als String-Werte, die uns nicht zeigen, wie das Bild aussieht. Wäre es nicht schön, wenn diese Bildreferenzen uns auch die Bilder zeigen könnten.
Visual Studio von Microsoft will hier Abhilfe und eine Option zur Vorschau von Bildern bieten, wenn man mit dem Mauszeiger über sie fährt. Dafür wird die Community gefragt was sie von der Erweiterung „Image Preview“ hält. In einem Blogpost erklären die Entwickler: „Wenn wir eine solche Lösung entwickeln wollen, müssen wir sie so gestalten, dass sie sich in Visual Studio natürlich anfühlt. Um das zu erreichen, starten wir ein Experiment, um herauszufinden, wie so etwas aussehen könnte.“
Das ist Visual Studio Image Preview:
Wenn der Mauszeiger über eine Bildreferenz im Code-Editor bewegt wird, erscheint ein Tooltip, der das gerenderte Bild anzeigt. Es unterstützt GIF, PNG, JPG, ICO und SVG in den folgenden Bildreferenzsyntaxen:
- Absolute URL (http, https und ftp)
- Relative URL (./, ../, und /)
- Dateipfad (c:\, c:/, \, und /)
- Daten-URI (data:image/png;base64,…)
- Pack-URI (pack://application:,,,/Images/MyImage.png)
Wenn ein relativer Pfad wie /file.png referenziert wird, versucht die Erweiterung, diesen relativ zum Projektstammordner oder zum wwwroot-Ordner im Falle von ASP.NET Core-Projekten aufzulösen.
Das Visual Studio Team bittet nun seine Community das auszuprobieren und fragt ob alle erforderlichen Funktionen vorhanden sind oder irgendwelche gängigen Syntaxen fehlen. Kommentieren kann man das ganze im GitHub.