Highlighted

Moving Files from Photoshop to Dreamweaver

New Here ,
Jul 29, 2020

Copy link to clipboard

Copied

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?

Topics

How to

Views

36

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Moving Files from Photoshop to Dreamweaver

New Here ,
Jul 29, 2020

Copy link to clipboard

Copied

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?

Topics

How to

Views

37

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jul 29, 2020

Copy link to clipboard

Copied

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

 

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

 

Photoshop - File > Export > Export AsPhotoshop - 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 rootFiles Panel (F8), Local site root

 

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 30, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 30, 2020

Copy link to clipboard

Copied

#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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Jul 30, 2020

Copy link to clipboard

Copied

See screenshot.

image.png

 

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...