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
  • X
  • LinkedIn

Visual Studio

Tools der Spitzenklasse für jeden Entwickler.

Visual Studio

Visual Studio Dokumentation

Dokumentation

Kostenlose Entwicklungssoftware

Kostenlos nutzen

Kostenlose Downloads

Download


Verwandte News

Artificial IntelligenceAzureCodingGitHubVisual Studio

Montag, 09. Februar 2026

Multi-Agenten-Entwicklung: Neue Möglichkeiten in Visual Studio Code

Visual Studio Code macht dich zum Dirigenten deiner Agenten: Mit der neuen Version kannst du unter anderem Claude, Codex und GitHub Copilot parallel nutzen.

Zur News
Artificial IntelligenceCodingVisual Studio

Donnerstag, 22. Januar 2026

Microsoft Foundry für VS Code: Update verbessert Workflows und Agenten-Handling

Das Januar-Update bringt mehr Übersicht und Kontrolle in die Entwicklung von KI-Workflows, u. a. neue Visualisierungsfunktionen, interaktive Tests für Prompt Agents und besser einsehbarer Code.

Zur News
Artificial IntelligenceCodingVisual Studio

Donnerstag, 15. Januar 2026

Offiziell verfügbar: Copilot Studio Extension für Visual Studio Code

Mit der neuen Copilot Studio Extension für Visual Studio Code entwickelst du Copilot-Agents direkt in deinem gewohnten IDE-Workflow, inklusive Versionierung, Reviews u. v. m.

Zur News
Artificial IntelligenceCodingGitHubVisual Studio

Mittwoch, 14. Januar 2026

Visual Studio Code 1.108: Das bringt das neueste Update

Visual Studio Code 1.108 ist da – mit smarteren KI-Agenten, einem deutlich überarbeiteten Terminal und vielen Detailverbesserungen für deinen täglichen Workflow.

Zur News