CodingVisual Studio

Neuerung bei Visual Studio: Bilder jetzt direkt im Code als Vorschau

Donnerstag, 18. Juli 2024

Als Developer arbeitest du sicher auch häufig mit Bildern, sei es für Web, Desktop oder Mobile. Oft sind diese in Deinem Code nur als String-Werte sichtbar – bis jetzt.

Bildvorschau bei Mouseover

Visual Studio hat eine spannende neue Funktion: Du kannst Bilder im Code-Editor direkt in einer Vorschau sehen, wenn du mit der Maus darüber fährst. Diese Funktion unterstützt verschiedene Bildformate wie PNG, JPG und GIF und zeigt Bilder in ihrer Originalgröße an, jedoch maximal 500 Pixel breit und hoch. Unter dem Bild siehst du die Pixel- und Dateigröße.

Unterstützte Bildformate

Unter anderem werden folgende Bildformate unterstützt:

  • PNG
  • JPG
  • ICO & WebP
  • GIF

SVG-Dateien werden vorerst nicht direkt unterstützt, da sie in ein Bitmap-Format konvertiert werden müssen, an einer Lösung wird aber gearbeitet.

Bildreferenzen

Es gibt außerdem verschiedene Möglichkeiten, Bilder zu referenzieren, je nach Sprache und Anwendungstyp:

  • Relative URL (./, ../, and /)
  • File-Pfad (c:\, c:/, \, and /)
  • Data URI (data:image/png;base64,…)
  • Pack URI (pack://application:,,,/Images/MyImage.png)
  • Image Monikers (KnownMonikers.StatusWarning)

Mehr erfahren

Teilen auf

  • Facebook
  • Twitter
  • LinkedIn

Visual Studio

Tools der Spitzenklasse für jeden Entwickler.

Visual Studio

Visual Studio Dokumentation

Dokumentation

Kostenlose Entwicklungssoftware

Software

Kostenlose Downloads

Downloads


Verwandte News

CodingVisual Studio

Montag, 08. Juli 2024

Visual Studio Code: Das ist neu in Version 1.91

Das VS Code Team hat die IDE in Version 1.91 unter anderem in den Bereichen Barrierefreiheit, Workbench, Editor, Source Control, Notebooks und Python verbessert.

Zur News
.NETArtificial IntelligenceAzureCloud NativeCodingGitHubOpen SourceSecurityVisual Studio

Freitag, 05. Juli 2024

Die wichtigsten News der Kalenderwoche 27/2024: Visual Studio Code, Microsoft Azure und mehr

Was hat sich in der vergangenen Woche rund um die Microsoft-Plattform getan? Gab es wichtige Ankündigungen oder neue Wissensressourcen? Unser TechWiese-Team hat interessante Links für dich zusammengestellt.

Zur News
CodingVisual Studio

Dienstag, 02. Juli 2024

Video: Erste Schritte mit Debugging bei Visual Studio Code

Egal, ob du Anfänger*in bist oder deine Fähigkeiten verbessern möchtest, dieses Video bietet eine umfassende Einführung in die wichtigsten Debugging-Tools und -Techniken.

Zur News
CodingVisual Studio

Donnerstag, 06. Juni 2024

Visual Studio Code: Das ist neu in Version 1.90

Das VS Code Team hat die IDE in Version 1.90 unter anderem in den Bereichen Barrierefreiheit, Workbench, Editor, Source Control, Notebooks und Python verbessert. 

Zur News