please people i am just looking for tutorial that will guide me through on how to handle graphics designs and photoshop designs in asp.net. please help for any good link. thank you.

Dani AI

Generated

is right that the browser sees the same files as plain HTML, but ASP.NET adds a few project-side and server-side details worth knowing. 's pointer to Photoshop tutorials is useful for creating the graphics; the gap here is a practical workflow for turning PSD work into reliable, production-ready assets inside an ASP.NET site.

Start-to-finish workflow:

  • Prepare in Photoshop: export icons/graphics from layers or artboards. Use SVG for vector icons and PNG/JPEG for raster assets. Export @2x assets for high-DPI displays.
  • Organize: place assets under a clear folder (for example /images or /content/images) and keep consistent names like logo.png and logo@2x.png.
  • Optimize: compress images (lossy for photos, lossless for icons) and group small UI icons into a sprite or use SVG sprites/icon fonts.
  • Reference appropriately in your project (see examples below).

Examples you can drop into an ASP.NET Web Forms page or plain HTML/CSS:

<asp:Image ID="imgLogo" runat="server" ImageUrl="~/images/logo.png" AlternateText="Site logo" />
.header {
  background: url('/images/sprite.png') no-repeat -10px -20px;
  width: 300px; height: 80px;
}
<img src="/images/hero.jpg" srcset="/images/hero.jpg 1x, /images/hero@2x.jpg 2x" alt="Hero">

Troubleshooting & tips:

  • If an image does not appear check the path (use ResolveUrl/Url.Content if needed), case sensitivity on non-Windows hosts, and IIS static content settings.
  • Prefer pre-exported, optimized assets over server-side real-time image processing unless required.
  • For responsive work, set width/height in markup/CSS to avoid layout shift and use srcset or picture for multiple resolutions.

This gives a practical bridge between Photoshop output and serving graphics correctly from an ASP.NET site.

Recommended Answers

All 2 Replies

The graphics to use will be the same as for HTML.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.