Moving Files from Photoshop to Dreamweaver

Report · Jul 29, 2020

Hi, I'm having trouble moving photos from Photoshop (21.2.1) to Dreamweaver (20.2). In the past, I used Photoshop's File/Export/Save for Web Legacy, but now that's not working?

What is the best way to get Photoshop photos into Dreamweaver?

Report · Jul 29, 2020

Do not use Photoshop's legacy Save for Web. It's outdated.

Do use File > Export > Export as... See screenshot.

Photoshop - File > Export > Export As

Reducing quality also reduces bandwidth which promotes faster loading web pages.

Use the Export all button and save web images to your DW local site folder. Example, C:\myTestSite\images...

Files Panel (F8), Local Site

1. After saving your document in DW (Ctrl + S), go to Insert > Image (Ctrl + Alt + i).

2. Select an image from your site folder and hit OK.

3. Save document (Ctrl + S).

Post back if you still need help.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jul 30, 2020

Communicated by private message and reposted here for context:

Using “Export AS” did not work. As with everything else I've tried, I save the Photoshop.jpg to:

Finder/Documents/Dreamweaver Documents/ShrimpNewsSite/Graphics/Country.jpg. It shows up there, but not in Dreamweaver? I’ve had big problems with iCloud and have attempted to disable it whenever possible (with help from Apple). Since the Adobe files are up there in the Cloud somewhere, could that be my problem?

Also, when I export the Photoshop file with either SaveAS or Legacy Export to my Desktop and drag it into its proper place in Dreamweaver it works, after I upload it.

Finally, someone at Apple recommended that I try Dreamweaver’s Extract utility, which I did, but ran into immediate problems with it. Should I continue with my attempts to use it to move Photoshop JPEGs into Dreamweaver.

Am I the only one out of millions of Photoshop/Dreamweaver users that is having this problem, which just popped up out of nowhere.

Thanks again,

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jul 30, 2020

#1 iCloud is NOT owned by Adobe. iCloud is owned by Apple.

#2 Adobe Creative Cloud is not cloud-based software. It's just a brand name for a suite of mobile/desktop apps and online services.

#3 For best results, save your images to your local site folder on your primary hard drive. Do not save images to the cloud.

#4 After inserting images, save document and hit F5 to refresh the screen.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Jul 30, 2020

See screenshot.

Here is the code:

<!doctype html>
<html lang="end">
<head>
<meta charset="utf-8">
<title>CSS Grid Evenly Distributed Layout</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html { font-size: 16px }
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 1.5rem;
margin: 0 auto;
max-width: 56em;
padding: 1em 0;
}
.grid {
/* Grid Fallback */
display: flex;
flex-wrap: wrap;
/* Supports Grid */
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: minmax(150px, auto);
grid-gap: 1em;
}
.module {
/* Demo-Specific Styles */
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
height: 200px;
/* Flex Fallback */
margin-left: 5px;
margin-right: 5px;
flex: 1 1 200px;
}

/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) {
.module {
margin: 0;
}
}
</style>
</head>

<body>
<div class="grid">
<div class="module">
<img src="https://placeimg.com/200/200" alt="placeholder">
</div>

<div class="module">2</div>
<div class="module">3</div>
<div class="module">4</div>
<div class="module">5</div>
<div class="module">6</div>
<div class="module">7</div>
<div class="module">8</div>
<div class="module">9</div>
<div class="module">10</div>
<div class="module">11</div>
<div class="module">12</div>
<div class="module">13</div>
<div class="module">14</div>
<div class="module">15</div>
</div>
</body>
</html>

Nancy O'Shea— Product User, Community Expert & Moderator